CSS清除浮動在頁面布局中非常常見，由于子元素浮動導致父元素高度無法確定，從而影響后續(xù)布局，因此需要清除浮動。下面就為大家介紹一些常見的CSS清除浮動的方法。

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

這里定義了一個clearfix類，其中使用了:before和:after偽元素 clear:both樣式，使元素自身清除浮動。注意這里使用了content:'', display:block。由于:before和:after偽元素是空元素，這里需要定義內容值和顯示方式。

.clearfix {
zoom:1;
}

這里是IE6/IE7瀏覽器支持的清除浮動方法。雖然IE6/IE7不支持:before和:after偽元素，但是支持縮放屬性zoom，可以通過zoom:1屬性強制IE6/IE7觸發(fā)hasLayout從而清除浮動。

.container {
overflow:hidden;
}

設置包含浮動元素的父級元素的overflow:hidden樣式，可以清除浮動。這種方法的原理是使父級元素生成BFC，從而包含子元素的浮動。但是這種方法有一個缺點，就是當子元素尺寸超出父元素時，會被裁剪。

以上就是CSS清除浮動常見的幾種方法。根據(jù)實際情況選擇適合的方法，可以讓頁面的布局更加清爽美觀。