今天在布局時，發現AB兩個div設置display：inline-block，出現上下錯位問題，當AB里面內容為空時，錯位問題消失
看了網上資料以及通過實踐分析，總結如下
1.同一行的行內元素對齊方式默認是底部對齊，即vertical-align：baseline
2.對於內容為空的inline-block元素而言，該元素的基線就是它的margin底邊緣，否則就是元素的內部最后一行內聯元素的基線
解決方式：
1.float方式（考慮脫離流后后面元素不易控制，故不首選）
2.改變vertical-align屬性
