CSS中的浮動是為了讓元素脫離文檔流，實現(xiàn)圖片環(huán)繞文字、多列布局等效果。但是在浮動元素下方的布局中，可能會產(chǎn)生受困布局的問題，這時就需要使用清除浮動的方法來修復(fù)布局。

.clearfix {
zoom: 1;
}
.clearfix::before,
.clearfix::after {
content: "";
display: table;
}
.clearfix::after {
clear: both;
}

以上代碼是最常用的清除浮動方法，即在父元素上添加class clearfix，并使用偽元素:before和:after來清除浮動。使用zoom: 1是為了觸發(fā)IE瀏覽器下的hasLayout屬性，使元素脫離文檔流。

在實際使用中，也可以單獨(dú)為需要清除浮動的元素設(shè)置clear屬性。例如：

.need-clear {
clear: both;
}

以上代碼將清除浮動的調(diào)整放在了需要清除的元素上。需要注意的是，如果需要清除浮動的元素在浮動元素之前出現(xiàn)，那么需要用空的div占位來清除浮動。

<div class="clearfix"><div class="float-left"></div><div class="float-right"></div><div style="clear: both"></div></div>

以上代碼中，使用空的div占位來清除浮動，以便于后面的布局正常顯示。