CSS浮動塌陷是指父元素因為子元素浮動而失去高度的情況，導致頁面布局混亂。為了解決這個問題，我們可以采用以下幾種辦法。

.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

第一種方法是使用clearfix。通過在父元素上設置clearfix類，并在CSS中定義clearfix的樣式，使得父元素能夠“看到”子元素，從而避免浮動塌陷的問題。

.parent {
overflow: hidden;
}

第二種方法是在父元素上設置overflow屬性為hidden。這個方法的原理是通過設置父元素的overflow屬性，使得它不會自適應內容高度，從而避免浮動塌陷的問題。

.parent::after {
content: "";
display: table;
clear: both;
}

第三種方法是使用偽元素。通過在父元素之后添加一個空的偽元素，并設置clear屬性為both，從而清除浮動塌陷的影響。

以上這些辦法都可以有效解決浮動塌陷的問題，具體使用哪一種方法需要根據具體情況來決定。