CSS中清除左右浮動(dòng)，是在web開發(fā)中比較常用的一項(xiàng)技術(shù)。當(dāng)我們在制作網(wǎng)頁時(shí)，如果某個(gè)元素設(shè)置了浮動(dòng)，它的父元素也跟著浮動(dòng)，而如果想讓后面的元素能夠正常排列，常常需要清除浮動(dòng)。下面我們就來看看如何清除左右浮動(dòng)。

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

以上是清除左右浮動(dòng)的CSS代碼。代碼中使用了clearfix類，這個(gè)類可以單獨(dú)新建一個(gè)CSS文件中，也可以直接嵌入到需要清除浮動(dòng)的元素中進(jìn)行使用。其原理是：在需要清除浮動(dòng)的元素中新建一個(gè)偽元素:before，然后設(shè)置content屬性為空，display屬性為table，這樣可以使得該元素變成一個(gè)table元素，從而避免了浮動(dòng)帶來的問題。:after偽元素的作用是，清除之前的浮動(dòng)，讓元素回到最初的狀態(tài)，避免出現(xiàn)浮動(dòng)元素導(dǎo)致的影響。注意：如果需要考慮兼容性，則需要在CSS中添加*zoom:1;屬性。

總體來說，清除左右浮動(dòng)是一項(xiàng)非常重要的技術(shù)，因?yàn)樗梢员苊庥筛?dòng)帶來的不必要麻煩。我們可以使用上面的代碼，或者自己對代碼進(jìn)行調(diào)整，實(shí)現(xiàn)浮動(dòng)的清除。