原因是overflow: hidden属性强迫inline-block元素的baseline被拉到元素盒子的下边缘。然后和其他元素使用vertical-align:baseline对齐，导致其他元素被拉下来，整个父元素的行高被撑大。W3如此规定的设计考量是因为一旦被应用overflow非visible值，那个块的last line box的渲染将不确定。因此无从按原来的baseline规则来对齐。
解决方法是修改inline-block元素的垂直对齐方式为bottom（默认为baseline）。
