在 HTML 中，浮動(dòng)是指一個(gè)元素被設(shè)置為 float 屬性值不是 none 的情況，如 float: left; 或 float: right;。當(dāng)一個(gè)元素浮動(dòng)之后，它會(huì)脫離文檔流，導(dǎo)致它的父元素不再占有該元素的空間，從而導(dǎo)致頁面內(nèi)容布局混亂。

為了解決這個(gè)問題，我們可以使用 CSS 屬性 clear 來清除浮動(dòng)。clear 屬性規(guī)定元素盒子下面（在左側(cè)或右側(cè)）是否允許出現(xiàn)浮動(dòng)的元素。

.clearfix::before,
.clearfix::after {
content: "";
display: table;
clear: both;
}
.clearfix {
*zoom: 1; /* for IE6-7 */
}

上述代碼是一個(gè) clearfix 的示例，可以用于清除浮動(dòng)。首先，使用偽元素 before 和 after 來插入一個(gè)空元素，然后將這個(gè)元素設(shè)為塊級(jí)元素，并清除元素下方的浮動(dòng)。為了解決 IE6-7 不支持偽元素的問題，我們使用 *zoom: 1;。\