css 设置inline-block的时候当元素内容为空的时候位置会变化

Css的样式问题。  

当一个元素设置为inline-block的时候，最好设置vertical-align：top;

也就是说，只要是行内元素，一定会受它影响。

在遇到由vertical-align:baseline造成的各种无法理解的怪异现象，可以直接放大招，废掉基线对齐（比如底线对齐、顶线对齐就很好啊），统一对齐方式。