CSS中float浮動是一個常用的屬性，可以使元素脫離文檔流并沿著容器的左側或右側浮動。但是，當浮動元素高度超出容器高度時，就會導致容器高度塌陷而影響頁面布局。

為了避免這種情況發生，我們需要清除float浮動。下面我們將介紹幾種常用的清除float浮動方法：

.clearfix:after {
content: "";
display: block;
clear: both;
}

上述代碼中，我們使用了偽元素:after來清除浮動。通過在元素上添加clearfix類名，我們在其after偽元素上設置display為block、清除both，使其插入在后面的元素可以識別父元素的高度。

.clearfix {
zoom: 1;
}

這是一種兼容IE的方法。在元素上添加clearfix類名，并設置zoom屬性為1，可以讓元素成為塊級元素。

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

這種方法與第一種方法類似，只是通過將display設置為table來清除浮動。

以上是幾種常用的清除float浮動的方法，根據實際情況選擇合適的方法來優化頁面布局吧！