margin疊加的意思是:當(dāng)兩個或者更多的垂直外邊距?相遇時妙色,它們將形成一個外邊距,這個外邊距的高度等于兩個發(fā)生疊加的外邊距中高度較大者。
1.當(dāng)一個元素出現(xiàn)在另一個元素上面時,第一個元素的底邊外邊距與第二個元素的頂邊外邊距發(fā)生疊加。如圖:
2.當(dāng)一個元素在另一個元素中時镇草,它們的頂邊距和低邊距也會發(fā)生疊加
3. 如果一個元素是空元素(即一個元素沒有內(nèi)容,內(nèi)邊距和邊框)瘤旨,這種情況外邊距的頂邊距和低邊距碰在一起也會發(fā)生疊加
4.在上面那種空元素的情況梯啤,如果該空元素與另一個元素的外邊距碰在一起,也會發(fā)生疊加存哲。
注:?以上4種外邊距疊加情況只會發(fā)生在普通文檔流的垂直方向因宇。行內(nèi)框、浮動框祟偷、絕對定位框之間的外邊距不會發(fā)生疊加察滑,同樣水平方向也不會發(fā)生疊加。
參考書籍:精通css,高級web標(biāo)準(zhǔn)解決方案