在CSS中,可以使用clear
屬性來清空上一欄的浮動。clear
屬性可以指定元素兩側(cè)都不能有浮動元素,或者指定元素左側(cè)或右側(cè)不能有浮動元素,這樣,就可以避免上一欄的浮動對下一欄產(chǎn)生影響。
假設(shè)有兩欄元素,***欄元素設(shè)置了浮動,第二欄元素沒有設(shè)置浮動,第二欄元素就會受到***欄元素的影響,出現(xiàn)布局混亂的情況,這時(shí),就可以在***欄元素的CSS樣式中添加clear
屬性,來清空上一欄的浮動。
具體實(shí)現(xiàn)方式如下:
1、在***欄元素的CSS樣式中添加clear
屬性,并設(shè)置其值為both
,表示該元素兩側(cè)都不能有浮動元素。
.first-column { float: left; clear: both; }
2、如果只需要清空左側(cè)或右側(cè)的浮動,可以將clear
屬性的值設(shè)置為left
或right
。
.first-column { float: left; clear: left; }
通過以上方式,就可以有效地清空上一欄的浮動,保證下一欄元素的布局不受影響。