CSS中的clear屬性是用于控制元素的浮動(dòng)行為。當(dāng)一個(gè)元素被浮動(dòng)時(shí)，它的位置會(huì)有所變化，對(duì)于其它元素的布局也有一定的影響。clear屬性可以清除浮動(dòng)元素所帶來(lái)的影響，從而達(dá)到控制布局的效果。

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

上面的代碼是一個(gè)常見(jiàn)的清除浮動(dòng)的方法。首先，在一個(gè)包含浮動(dòng)元素的容器元素上添加一個(gè)類名 clearfix 。然后使用 :after 偽元素，在元素內(nèi)部最后添加一個(gè)空元素，再給它添加清除浮動(dòng)的 clear 屬性，將浮動(dòng)元素的影響清除掉。

左浮動(dòng)元素
右浮動(dòng)元素

這里演示了如何使用 clearfix 類來(lái)清除浮動(dòng)元素的影響。在 HTML 中使用 float-left 和 float-right 類讓兩個(gè) div 元素分別向左和向右浮動(dòng)。在包含這兩個(gè)元素的父元素上添加 clearfix 類，就可以清除它們的影響了。