CSS盒子塌陷，指的是某些情況下，子元素的高度超過父元素的高度，導致父元素無法包含全部子元素。

出現此問題的原因可能是外邊距、內邊距、邊框、浮動等屬性的影響，下面我們介紹一些常見的解決方法。

父元素設置overflow屬性
.box {
overflow: auto;
}

將overflow屬性設置為auto、hidden、scroll，可以讓父元素生成BFC（塊級格式上下文），從而使父元素包含子元素。

父元素使用clearfix
.clearfix:after {
display: block;
content: "";
clear: both;
}
.box {
zoom: 1;
}

使用clearfix清除浮動，同時設置zoom為1解決IE6下的問題。

flex布局
.box {
display: flex;
flex-wrap: wrap;
}
.child {
flex: 1 1 33%;
}

使用flex布局可以輕松實現等高布局。

總結起來，處理CSS盒子塌陷的方法有很多，可以根據實際情況選擇實用的方法進行解決。