问题现象

在同一个块级元素中相邻的两个行内块元素，其中一个设置overflow: hidden后，另一个行内元素会出现位置向下偏移的情况，如下图：

问题原因

出现这个问题的主要原因是如果一个inline-block元素的overflow属性被设置为非visible值后，那么该元素的baseline将被强制修改为元素下外边沿，在默认情况下baseline为字符的底线位置且vertical-align的属性值为baseline。

解决方法

给设置了overflow：hidden的元素添加vertical-align: bottom属性即可。