什么是margin重疊

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

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

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

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

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

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

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

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