在CSS中，外邊距合成是一個非常有用的技巧，它能夠幫助我們在頁面布局中實現更加靈活的樣式。外邊距合成指的是當兩個相鄰的盒子都有外邊距時，它們的外邊距會合并成一個單獨的外邊距。

這個特性主要應用在垂直方向上的盒子布局中，當我們設置相鄰兩個盒子的上下外邊距時，它們就會合并成一個新的外邊距，而不是簡單相加。

.box1{
margin-top: 30px;
}
.box2{
margin-top: 20px;
}

以上的代碼設置了兩個相鄰盒子之間的上外邊距，因為兩個盒子的外邊距會合并，所以最終它們之間的外邊距為30px（而不是簡單相加的50px）。

需要注意的是，外邊距合成只發生在相鄰的盒子之間，對于嵌套的盒子，它們的外邊距不會產生合并效果。

.outer-box{
margin-top: 30px;
padding: 20px;
background-color: #ccc;
}
.inner-box{
margin-top: 20px;
background-color: #fff;
}

以上的代碼設置了一個外層的盒子和內層的盒子，它們的外邊距不會合并，因為它們不是相鄰的盒子，而是嵌套在一起的。

總結一下，外邊距合成是一個很有用的技巧，可以幫助我們更加靈活地控制頁面布局。但是也需要注意它的限制，它只會在相鄰的盒子之間發生合并，對于嵌套的盒子則沒有合并效果。