在CSS中，外邊距把元素從其他元素的邊框邊界拉開，以創建空白區域。當兩個相鄰的元素都設置了外邊距時，它們的外邊距將合并在一起，而不是簡單地疊加在一起。這種合并對于垂直外邊距來說是普遍的，但是水平外邊距不會合并。

/* 外邊距合并 */
.element1 {
margin-bottom: 20px;
}
.element2 {
margin-top: 40px;
}
/* 外邊距不合并 */
.element3 {
margin-right: 30px;
}
.element4 {
margin-left: 50px;
}

上述示例中，element1和element2之間的垂直外邊距合并在一起，創建了一個總共40px的外邊距。相反，element3和element4之間的水平外邊距不會合并，它們將保持各自的距離。

理解CSS水平外邊距不合并的行為，可以幫助我們更好地設計布局。但是，如果你想讓水平外邊距合并在一起，可以考慮使用display: inline-block或float屬性來實現。