CSS中的clear屬性用于控制元素的浮動狀態。當使用浮動元素時,其父元素的高度將根據浮動元素的高度而自適應調整,這可能會導致其他元素布局失效,clear屬性可以解決這個問題。
.clearfix{ clear:both; }
clear屬性有以下取值:
- none:默認值,不清除浮動。
- left:清除左側浮動。
- right:清除右側浮動。
- both:同時清除左右兩側浮動。
.clearfix{ clear:left; }
注意,clear屬性只對之前的浮動元素生效。如果在元素自身內部使用浮動元素,需要在元素尾部插入一個空元素,并設置clear屬性,以清除內部浮動對外部布局的影響。
123
在上面的例子中,由于.container元素中的所有子元素都是浮動元素,需要在結尾插入一個空元素(.clear),并給其設置clear屬性,以便清除浮動的影響。