當兩個或以上的元素在垂直方向上彼此相遇時，它們的邊距可能會發生合并。這種合并稱為外邊距合并，也稱為折疊邊距。外邊距合并可能會在某些情況下對布局產生影響，因此需要對其進行詳細了解。

當上下相鄰的元素的外邊距都是正數時，它們將合并成一起，形成一個等于它們中最大外邊距的外邊距。例如：

＜style＞
p {
margin-bottom: 20px;
}
＜/style＞
＜p＞第一段文字＜/p＞
＜p＞第二段文字＜/p＞

在此示例中，第一段和第二段將會存在一個共同的外邊距，相當于20px的外邊距。

當上下相鄰的元素的外邊距都是負數時，它們將合并成一起，形成一個等于它們中最小外邊距絕對值的負數外邊距。例如：

＜style＞
p {
margin-bottom: -20px;
}
＜/style＞
＜p＞第一段文字＜/p＞
＜p＞第二段文字＜/p＞

在此示例中，第一段和第二段將產生-20px的共同外邊距。

當上下相鄰的元素的外邊距一正一負時，它們將會相互抵消，而不會合并，也不會產生任何外邊距。例如：

＜style＞
p {
margin-bottom: 20px;
}
h1 {
margin-top: -20px;
}
＜/style＞
＜h1＞標題＜/h1＞
＜p＞第一段文字＜/p＞

在此示例中，由于h1的margin-top為-20px，而p的margin-bottom為20px，因此它們將會相互抵消，因此它們之間將不會有任何外邊距。

總的來說，外邊距合并是可以通過一些簡單的技巧來控制的。因此，在編寫CSS代碼時，掌握外邊距合并的原理是非常重要的。