當我們在開發網頁的時候，經常會遇到內容結構需要使用浮動（float）來布局的情況。然而，使用浮動會導致父容器高度塌陷的問題，即子元素浮動后，父元素高度無法自適應，造成頁面布局混亂。此時，我們需要清除浮動，解決高度塌陷的問題。以下是幾種清除浮動的方法：

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

這段代碼中，給要清除浮動的元素添加了一個偽元素“:after”，然后設置其顯示為“table”，接著再利用“clear:both”清除浮動。這種方法比較常用，但是需要在 CSS 中手動添加一個清除浮動的類，會增加一些額外的代碼。

.container {
overflow: hidden;
}

這段代碼中，給要清除浮動的父元素設置了一個“overflow:hidden”，這樣可以使父元素的高度自適應內部浮動子元素的高度，達到清除浮動的目的。但是這種方法有一定的局限性，如果子元素尺寸超過了容器的尺寸，會導致溢出隱藏。

.container:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.container {
display: inline-block;
}

這段代碼中，我們利用元素的“display”屬性，將父元素的“display”屬性設置為“inline-block”，這樣就可以觸發 “BFC（塊級格式化上下文）”特性，使其可以自適應內部浮動子元素的高度。然后再利用偽元素“:after”和“clear:both”清除浮動。但是，這種方法也有一定的局限性，如果容器的尺寸或者子元素的位置發生變化，可能會導致布局錯亂。