问题来： 当一个大盒子一排放三个小盒子，当展示display：inline-block时，内容不一样高时，出现错位现象。如图。
当三个并列的盒子内容一样时候，错位问题消失。
原因：inline-block可以让块元素呈现内联元素，
内联元素默认是基于baseline对齐的。
解决方案：
1.可以设置vertical-aligin: top (top/middle/bottom....任意选择一个)，改变默认设置
2. 采用三个元素浮动，（一般不使用，因为脱离文档流，其他元素不好控制）
3.当每个盒子内容填充满之后，这种错位问题也就消失了。
ps：https://www.cnblogs.com/jiangzilong/p/6145157.html