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

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

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

總體來說，清除左右浮動是一項非常重要的技術，因為它可以避免由浮動帶來的不必要麻煩。我們可以使用上面的代碼，或者自己對代碼進行調整，實現(xiàn)浮動的清除。