margin疊加的意思是：當兩個或者更多的垂直外邊距 相遇時，它們將形成一個外邊距，這個外邊距的高度等於兩個發生疊加的外邊距中高度較大者。
1.當一個元素出現在另一個元素上面時，第一個元素的底邊外邊距與第二個元素的頂邊外邊距發生疊加。如圖：
2.當一個元素在另一個元素中時，它們的頂邊距和低邊距也會發生疊加
3. 如果一個元素是空元素（即一個元素沒有內容，內邊距和邊框），這種情況外邊距的頂邊距和低邊距碰在一起也會發生疊加
4.在上面那種空元素的情況，如果該空元素與另一個元素的外邊距碰在一起，也會發生疊加。
注： 以上4種外邊距疊加情況只會發生在普通文檔流的垂直方向。行內框、浮動框、絕對定位框之間的外邊距不會發生疊加，同樣水平方向也不會發生疊加。
參考書籍：精通css,高級web標准解決方案