display: inline-block的一些问题

问题一：在设置display: inline-block时这样可能会出现两个div顶端不对齐的情况，可以在div设置vertical-align: top;即可以解决此问题

原因
1.同一行的行内元素对齐方式默认是底部对齐，即vertical-align：baseline
2.对于内容为空的inline-block元素而言，该元素的基线就是它的margin底边缘，否则就是元素的内部最后一行内联元素的基线

问题二：在设置display: inline-block时，div会出现有间隙，让水平间隙消失就是在父级上加font-size:0，之后在子级上重新设置font-size;让垂直间隙消失，就在子元素上加vertical-align:bottom;