在網頁設計中，垂直與外邊距是非常重要的CSS屬性。這些屬性可以幫助我們控制頁面元素之間的間距和位置。

CSS中的外邊距可以分為兩種：內部外邊距和外部外邊距。

內部外邊距是元素內部和邊框之間的空間，可以通過CSS屬性padding來設置。

div {
padding: 10px;
}

外部外邊距則是元素與周圍元素之間的空間，可以通過CSS屬性margin來設置。

div {
margin: 10px;
}

垂直外邊距則是元素頂部和底部之間的空間。在處理垂直外邊距時，有個非常重要的規則，就是當兩個相鄰元素的垂直外邊距相遇時，它們會合并成一個較大的垂直外邊距。

例如，當兩個div元素之間存在20像素的垂直外邊距時，它們實際的垂直外邊距將是20像素而不是40像素。

為了防止這種合并，我們可以使用CSS屬性padding或border來分離兩個元素之間的垂直外邊距。

div {
margin: 20px 0;
padding: 1px;
}

在上面的例子中，我們為每個div元素添加了1像素的padding，這樣兩個元素之間的垂直外邊距就無法合并了。

總的來說，對于垂直與外邊距的處理，我們需要注意合并和分離的問題，以保證頁面的布局和樣式。