CSS清除浮點,是指使用不同的方法來解決在網頁排版上可能遇到的浮點排列問題。像是兩個浮動元素在同一排排不下,多個浮動元素在一排時折行排列等問題。
CSS清除浮點常用的方法有三種:
.clearfix:after { content: ""; display: block; clear: both; } .clearfix { *zoom: 1; }
以上是最為常用的清除浮點的方法,其實現原理是在浮動元素的外層添加一個偽類元素after,使它自身折行以清除浮動元素造成的影響。
除此之外,也可以使用overflow:hidden;來清除浮動,只需要將浮動元素的父元素添加這一css屬性,就能消除浮動排列的影響。
.parent { overflow: hidden; }
另一種方法是使用雙偽類,使清除浮動元素的樣式不影響其他元素樣式,使用方法如下:
.clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }
在以上三種清除浮動的方法中,clearfix是最為常用的,可以通過在樣式表中定義一個名為clearfix的類,然后在需要清除浮動的元素上添加該類平滑達成清除浮動元素的目的。
上一篇css清除圖片小空隙
下一篇mysql 高效查詢