兩個相鄰的行內塊其中一個設置外邊距另一個也受影響的原因和解決辦法

一個盒子裏有兩個行內塊，其中一個設置了margin，另一個不設置，也會下沉，而且更低； 如圖： 第二個也有上邊距，出現該問題的本質原因是：內聯元素的默認垂直對齊方式是和基線對齊，並不是和底部對齊。即默認vertical-align：baseline。 解決辦法： 1.修改父級元素行高：line-height:0； 2.修改父級元素字體尺寸：font-size:0;　 3.修改內聯元素對齊屬性：ve

>>阅读原文<<