在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像素，而不是外边距。这样可以避免外边距合并的问题。