CSS的clear屬性用于指定元素兩側是否允許浮動元素

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

這里我們可以看到，clear屬性本身并沒有任何取值，而是要配合其他的值一起使用，比如clear: left、clear: right等等。而最常用的值則是clear: both，其作用就是讓元素兩側都不允許浮動元素。

另外，我們還可以結合偽元素:after來使用clear屬性。如上述代碼所示，我們給一個容器添加了一個clearfix的類名，并使用該類名來為容器添加偽元素:after，然后設置clear:both，這樣就可以清除該容器內(nèi)的浮動元素了。

總結來說，清除浮動就是為了解決子元素使用了浮動后父元素高度塌陷的問題。而通過使用clear屬性，我們就可以很輕松地解決這個問題。