CSS外邊距的重疊是指兩個(gè)不同的元素之間的上下外邊距會(huì)合并在一起，形成一個(gè)單一的邊距。

這種現(xiàn)象只在某些情況下出現(xiàn)，比如說(shuō)當(dāng)兩個(gè)元素相鄰且都有上下外邊距的時(shí)候。

元素1 {
margin-top: 20px;
}
元素2 {
margin-top: 30px;
}

在上面的情況中，元素1和元素2都有自己的上外邊距，但是由于它們處于同一文檔流中，它們的上下外邊距會(huì)合并到一起，形成一個(gè)40像素的外邊距。

這種重疊可以對(duì)布局產(chǎn)生一些不良的影響，因此開(kāi)發(fā)者需要了解如何避免它。

有幾種方法可以避免CSS外邊距上下重疊，例如：

• 使用padding代替外邊距
• 使用border代替外邊距
• 使用浮動(dòng)或絕對(duì)定位
• 使用overflow:hidden

當(dāng)然，有時(shí)候CSS外邊距的重疊是有用的，可以用來(lái)優(yōu)化布局。但是在大多數(shù)情況下，開(kāi)發(fā)者還是需要避免它，以保證布局的正確性。