在進行網頁布局時，經常會使用浮動來對元素進行定位和布局。但是這也帶來了一些問題，比如父元素無法正確地包含子元素所占的空間，導致網頁看起來錯亂。這時候就需要清除浮動。

清除浮動的方法有很多，以下是幾種常見的方法。

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

這是使用偽元素來清除浮動的方法，將一個空的塊級元素插入到被浮動元素的最后一個子元素后面，然后將該元素清除浮動屬性設置為both，從而達到清除浮動的效果。

.clearfix {
overflow: hidden;
}

這是使用使用 overflow 屬性來清除浮動的方法，將父元素的 overflow 屬性設置為 hidden，這樣也能夠清除浮動。

.parent {
display: table;
}
.child {
display: table-cell;
}

這是使用 table 布局來清除浮動的方法，將父元素的 display 屬性設置為 table，子元素的 display 屬性設置為 table-cell，從而達到清除浮動的效果。不過這種方法的兼容性并不是很好，一般只在特殊情況下使用。

需要注意的是，清除浮動一定要在布局完成之后進行，否則會破壞布局。同時，清除浮動也不是一定要使用上面提到的方法，可以根據實際情況進行選擇。