overflow:hidden 影响布局的问题

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

解决办法

.a, .b {
  width:48%;
  height:30px;
  line-height:30px;
  display:inline-block;
  vertical-align: bottom;
}

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

overflow:hidden 影响布局的问题

原文：http://www.cnblogs.com/annie211/p/6251714.html