在CSS中，經(jīng)常會(huì)用到一些布局的技巧來實(shí)現(xiàn)不同的效果。而其中，清除浮動(dòng)是一個(gè)常見的技巧，用于避免浮動(dòng)元素對(duì)其它元素的影響。而清除浮動(dòng)的方法之一就是使用clear屬性。

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

clear屬性可以取四個(gè)值：left、right、both和none。其中，left表示元素下方不能有左浮動(dòng)的元素影響；right表示元素下方不能有右浮動(dòng)的元素影響；both表示元素下方不能有任何浮動(dòng)元素影響；none表示元素下方可以有浮動(dòng)元素影響。

當(dāng)需要清除浮動(dòng)時(shí)，我們通常會(huì)在浮動(dòng)元素的父元素上應(yīng)用clear屬性。例如，下面是一個(gè)使用clearfix來清除浮動(dòng)的例子：

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

以上代碼中，我們創(chuàng)建了一個(gè).container元素，并為其添加了:before和:after偽元素。同時(shí)，我們也應(yīng)用了zoom: 1來解決IE6/7中清除浮動(dòng)的問題。最后，我們使用.clearfix::after的方式來實(shí)現(xiàn)清除浮動(dòng)。

總結(jié)來說，清除浮動(dòng)是一種常見的布局技巧，而使用clear屬性則是實(shí)現(xiàn)清除浮動(dòng)的方法之一。我們可以在需要清除浮動(dòng)的元素或其父元素上使用clear屬性，并根據(jù)需要設(shè)置具體的取值，以達(dá)到不同的效果。