如何清除CSS中的左右浮動

在CSS中，float屬性用于將元素浮動到容器的左側(cè)或右側(cè)，如果你想要清除元素的浮動，可以使用clear屬性來實現(xiàn)。

clear屬性指定元素兩側(cè)都不能有浮動元素，或者指定元素只能在一側(cè)有浮動元素，如果你想要一個元素在左側(cè)浮動，而另一個元素在右側(cè)浮動，你可以使用clear屬性來防止它們相互干擾。

在CSS中，clear屬性的值可以是left、right、both或none，如果你想要清除一個元素的浮動，可以將該元素的clear屬性設(shè)置為both，這樣該元素兩側(cè)都不會有浮動元素。

假設(shè)你有一個HTML元素如下：

<div style="float: left;">我是一個浮動的元素</div>
<div style="float: right;">我是另一個浮動的元素</div>

如果你想要清除這兩個元素的浮動，可以將它們的clear屬性設(shè)置為both：

<div style="float: left; clear: both;">我是一個浮動的元素</div>
<div style="float: right; clear: both;">我是另一個浮動的元素</div>

這樣，這兩個元素就不會再受到其他浮動元素的影響了。

需要注意的是，clear屬性只會影響該元素及其后續(xù)元素的浮動狀態(tài)，而不會影響到該元素之前的元素，如果你想要清除所有元素的浮動，可以將整個容器的clear屬性設(shè)置為both。