display的inline-block问题详解

比如说有两个div, 设置为inline-block。然后分别给二者设置宽高度。当div内有内容、无内容、一个又一个没有，那么对齐的形式就非常乱甚至怪异。

inline-block的本身是采用baseline对齐。

此处对两个块中都有内容，且大小不一进行解释：如果大小不一致，以占据空间最大的内容下划线处对齐。

所以在同一行内有不同高度内容的元素时，通常要设置对齐方式如vertical-align: top;来使元素顶部对齐。