CSS外邊距自動是指在不設置外邊距的情況下，元素的外邊距會自動合并。

示例代碼：
<div>
<p>第一個段落</p>
<p>第二個段落</p>
</div>
CSS樣式：
div{
background-color: #f2f2f2;
}
p{
background-color: #ccc;
margin: 10px;
}

以上代碼中，兩個段落的外邊距是相等的，但是實際上元素間的間距卻大于20px。這是因為相鄰元素的垂直外邊距會自動合并，即取它們之間的最大值。

如果我們在第二個段落中設置上外邊距為0，會發現這兩個元素的外邊距仍然是20px。這是因為當元素的上下外邊距發生合并時，只取其中的最大值，而不是求和。

示例代碼：
<div>
<p>第一個段落</p>
<p style="margin-top: 0">第二個段落</p>
</div>
CSS樣式：
div{
background-color: #f2f2f2;
}
p{
background-color: #ccc;
margin: 10px;
}

在實際應用中，我們可以利用CSS外邊距自動來合并相鄰元素的外邊距，減少不必要的代碼。