在網頁設計中，CSS是非常重要的一部分。其中，豎直外邊距兩倍也是一個很重要的概念。那么，什么是CSS中的豎直外邊距兩倍呢？

豎直外邊距兩倍指的是，當一個元素的頂部或底部外邊距與其父元素的頂部或底部內邊距相遇時，如果它們之間沒有其他內容或邊框，那么這個元素的豎直外邊距會變成原來的兩倍。

那么，為什么會出現豎直外邊距兩倍的情況呢？主要是因為CSS中的“塊級格式化上下文”。塊級格式化上下文是用來控制塊級元素的排列方式的，它可以將元素與其它元素隔離開來，從而避免一些問題的出現。

父元素 {
border:1px solid #000;
padding:10px;
overflow:auto;
}
子元素 {
margin-top:10px;
height:50px;
background-color:#f00;
}

上面的代碼中，父元素設置了邊框和內邊距，子元素設置了頂部外邊距。如果沒有塊級格式化上下文的控制，子元素的外邊距將會顯示在父元素的外部，出現問題。而設置overflow:auto之后，塊級格式化上下文的范圍被限制在了父元素中，子元素的外邊距就會變成原來的兩倍，從而避免了問題的出現。

總之，豎直外邊距兩倍在CSS中是一個很重要的概念，設計者需要了解它的相關知識，從而避免一些不必要的問題。同時，在代碼中也需要注意塊級格式化上下文的應用，保證頁面的正確性和美觀性。