CSS外邊距的疊加是指當兩個垂直相鄰的元素都設置了外邊距時，這兩個外邊距會疊加在一起。例如：

<div class="container">
<p class="text">這是一段文字</p>
<p class="text">這也是一段文字</p>
</div>
.text {
margin: 20px 0;
}

在上面的例子中，兩個p元素設置了20px的上下外邊距，但是實際上它們之間的距離并不是40px，而是20px。這是因為CSS外邊距的疊加。

了解這個現象之后，我們可以使用一些技巧來避免外邊距的疊加。例如：

<div class="container">
<div class="text">這是一段文字</div>
<div class="text">這也是一段文字</div>
</div>
.text {
padding: 20px 0;
}

在這個例子中，我們將原本的p元素改為了div元素，并給它們設置了內邊距，這樣就避免了外邊距的疊加問題。

總之，了解CSS外邊距的疊加現象可以幫助我們更加準確地控制頁面元素的布局。