在CSS中，經常會遇到外邊距塌陷的問題。 外邊距塌陷是指當相鄰兩個元素的外邊距相遇時，它們之間的外邊距會合并成一個外邊距，從而導致元素間距出現異常的問題。解決這種問題的簡單方法就是為其中一個元素創建一個BFC。

BFC（塊級格式化上下文）是一種Web頁面的渲染方式，它可以影響頁面布局、文本環繞以及浮動定位等。創建一個BFC的方法可以是設置元素的display屬性為inline-block、table-cell、table-caption、flex、inline-flex、grid、inline-grid 或者將元素設置為Float（浮動）等。而常用的方法是 overflow: hidden; 或者使用 CSS 清浮動。

//html代碼
<div class="main">
<div class="left">left</div>
<div class="right">right</div>
</div>
//css代碼
.main {
overflow: hidden;
}
.left {
float: left;
width: 200px;
height: 200px;
background-color: #f00;
}
.right {
height: 300px;
background-color: #0f0;
}

在上述代碼中，左側的浮動元素導致右側的高度受到影響，出現了外邊距塌陷的問題。為解決這個問題，我們可以對.main元素設置 overflow: hidden;，從而創建一個BFC。這樣一來，可以有效地解決外邊距塌陷的問題，同時也不會對頁面整體造成太大的影響。

總之，使用BFC可以有效地解決CSS中的外邊距塌陷問題，同時也可以優化頁面布局的效果。 但需要注意的是，過多的BFC創建可能會影響頁面性能，因此應該謹慎使用。