CSS的浮動是一種讓元素脫離普通文檔流的方法，使元素可以自動調整位置以適應瀏覽器窗口。但是，如果有多個浮動元素在同一行中，可能會出現左側浮動的元素擠占了右側元素的情況。為了解決這個問題，CSS中提供了清除左側浮動的方法。

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

以上代碼會在一個帶有clearfix類名的元素之后插入一個空內容的偽元素，并使用clear屬性清除該元素左側的浮動。因此，在需要清除浮動的元素上添加該類名即可。

例如，在一個左側浮動的div后面添加一個clearfix類名的div，即可清除浮動：

<div class="float-left">左側浮動元素</div>
<div class="clearfix"></div>

需要注意的是，清除浮動的元素必須出現在浮動元素之后，否則無法起到清除浮動的作用。