有关overflow:hidden 影响布局的问题 财富值37

2016-10-28 20:13发布

http://jsrun.net/WfpKp/edit

为什么 box-b 偏移的原来的位置?
如果 box-a 不设置 overflow:hidden; box-b不会偏移原来的位置

4条回答
青言 - 这个人很懒,什么都没留下
1楼 · 2016-10-28 20:38.采纳回答

加了一个vertical-align: bottom;解决基线对齐问题。

解决办法

支持楼上,还有关于解决 inline-block 中间的间隙问题,可以参考 stackoverflow

a 与 b 都是 inline-block且高与父元素 c 相同均为 30px,而在a加上 overflow:hidden; 会使 a 的底线与整个父元素 c 的 text baseline 对齐,相当于 c 中的文本获得了两倍的空间,整个 c 的 高度变大,仔细观察例子不难发现,a 中字符的底线与 b 中的字符的顶线对齐了,

一周热门 更多>