CSS中的clear屬性是用來控制元素如何受到浮動元素的影響的，包括left、right、both、none四個值。

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

其中，left表示元素不應該在浮動元素左側進行布局，right表示元素不應該在浮動元素右側進行布局，both表示元素不應該在浮動元素兩側進行布局，而none表示元素可以和浮動元素重疊。值得注意的是，如果元素上面的元素進行浮動布局，那么該元素的clear屬性需要設置為left或右none值，否則會產生意想不到的布局效果。

使用clear屬性可以避免浮動元素對布局產生影響，特別是在進行響應式設計時更能體現其重要性。另外，如上代碼所示，經典的clearfix方法也是通過設置clear:both來實現的，其目的是清除浮動元素對元素高度造成的影響，是在布局中使用最廣泛的技巧。