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

加了一個vertical-align: bottom;解決基線對齊問題。

支持樓上，還有關于解決 inline-block 中間的間隙問題，可以參考 stackoverflow，

解決辦法

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。