margin重疊：是指兩個或多個盒子(可能相鄰也可能嵌套)的相鄰邊界(其間沒有任何非空內(nèi)容、補白、邊框)重合在一起而形成一個單一邊界。

什么情況下會出現(xiàn)margin重疊：

1、元素的頂邊界與前面元素的底邊界發(fā)生疊加

2、元素的頂邊界與父元素的頂邊界發(fā)生疊加border-top的邊界和它的父元素相同。

3、元素的頂邊界與底邊界發(fā)生疊加

假設(shè)有一個空元素，它有邊界，但是沒有邊框或填充。在這種情況下，頂邊界與底邊界就碰到了一起

4、空元素中已經(jīng)疊加的邊界與另一個空元素的邊界發(fā)生疊加

相關(guān)視頻教程推薦：css視頻教程