在CSS中,清除浮動的屬性就是clear。清除浮動的意思是使父元素包含浮動的子元素(float元素)。如果沒有清除浮動,父元素的高度沒有被子元素撐起來,可能會出現一些奇怪的問題,比如父元素高度塌陷或者子元素“飄”到其他地方去而不是在父元素內顯示。
在CSS中,clear屬性可用于標記一個元素是否允許浮動元素出現在它的左邊、右邊、上邊、下邊。常用的屬性值為:left, right, both, none。
left:清除左側浮動的元素。
right:清除右側浮動的元素。
both:清除兩側的浮動元素。
none:默認單元素浮動時不清除浮動,如果指定了none,那么不進行清除。
.clearfix::after { content: ""; display: block; clear: both; }
在上面的代碼中,我們使用偽元素`::after`來添加一個空塊級元素,并將其清除浮動。這樣就可以清除包含浮動元素的容器中的浮動。