inline-block的坑

元素被inline-block后，默认的vertical-align是bottom,（目前发现在谷歌和火狐是这样，在ie的默认属性并不是bottom）如果并列的两个元素，高度相差很大的话，高度矮的元素会位置不符合要求。

解决办法：设置vertical-align为top或者用display:block,然后float