a 與 b 都是 inline-block且高與父元素 c 相同均為 30px，而在a加上 overflow:hidden; 會(huì)使 a 的底線與整個(gè)父元素 c 的 text baseline 對(duì)齊，相當(dāng)于 c 中的文本獲得了兩倍的空間，整個(gè) c 的 高度變大，仔細(xì)觀察例子不難發(fā)現(xiàn)，a 中字符的底線與 b 中的字符的頂線對(duì)齊了，

加了一個(gè)vertical-align: bottom;解決基線對(duì)齊問(wèn)題。

支持樓上，還有關(guān)于解決 inline-block 中間的間隙問(wèn)題，可以參考 stackoverflow，

解決辦法

總結(jié)

以上是生活随笔為你收集整理的有关overflow:hidden 影响布局的问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。