在CSS中，外邊距合并指的是兩個相鄰元素的垂直外邊距重疊，導致它們的空白區域變小的現象。具體地說，當兩個垂直相鄰的元素都沒有設置上外邊距或下外邊距時，它們的外邊距會合并為一個外邊距。

以下是一個簡單的例子，其中兩個相鄰的段落元素的外邊距發生了合并：

<style>
p {
margin: 20px 0;
}
</style>
<p>這是第一個段落。</p>
<p>這是第二個段落。</p>

在上面的代碼中，兩個段落元素之間的外邊距實際上只有20像素，而不是40像素（每個段落的上外邊距和下外邊距各為20像素）。這是因為它們的垂直外邊距發生了合并。

如果想要防止外邊距合并，可以使用下列方法之一：

• 設置一個元素的上外邊距或下外邊距為0
• 使用padding替代margin
• 使用border替代margin

下面是一個示例代碼，它使用“padding”替代“margin”，以避免外邊距合并：

<style>
p {
padding: 20px 0;
}
</style>
<p>這是第一個段落。</p>
<p>這是第二個段落。</p>

在上面的代碼中，每個段落元素的上下內邊距為20像素，而不是外邊距。這樣可以避免外邊距合并的問題。