問題來： 當一個大盒子一排放三個小盒子，當展示display：inline-block時，内容不一樣高時，出現錯位現象。如圖。
當三個并列的盒子内容一樣時候，錯位問題消失。
原因：inline-block可以讓塊元素呈現内聯元素，
内聯元素預設是基于baseline對齊的。
解決方案：
1.可以設定vertical-aligin: top (top/middle/bottom....任意選擇一個)，改變預設設定
2. 采用三個元素浮動，（一般不使用，因為脫離文檔流，其他元素不好控制）
3.當每個盒子内容填充滿之後，這種錯位問題也就消失了。