CSS的float屬性常常用來實現頁面布局，但有時候我們需要禁止浮動，那該怎么做呢？下面我們來看看具體的實現方法。

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

上面的代碼就是最常見的CSS清除浮動方法，也叫做“清除浮動”技巧。當需要禁止浮動時，只需在需要清除浮動的元素上加上clearfix類即可。

具體來說，我們在HTML中添加以下代碼：

<div class="clearfix">
<div class="box"></div>
</div>

在CSS中，我們定義clearfix類，通過設置::before和::after偽元素，使其生成的空白占用一行，清除浮動影響，讓元素能夠按需排列。

除了使用.clearfix類，還可以使用其他類名，只需遵循相同的CSS代碼原則即可。例如：

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

總之，無論使用何種方法，清除浮動都是CSS布局中的必備技巧。在實際開發中，我們可以根據實際需要，選擇最適合的方法，使頁面達到預期效果。