糯米文學吧

位置:首頁 > 設計 > 網頁設計

CSS清除浮動 萬能float閉合

導語:清除浮動,新手朋友往往不是很明白。如果不清除浮動對float進行閉合,在FF中往往會出錯,本站有大量的文章進行過介紹。今天本站小編向大家推薦一個實例,非常簡潔易用。

CSS清除浮動 萬能float閉合

  給需要閉合的p(class為clearfix)加上如下的CSS樣式即可:

rfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}

*html rfix{height:1%;}

*+html rfix{height:1%;}

rfix{display:inline-block;}

rfix {display:block;}

  不過貌似這樣有點麻煩,其實常用的.是下面的:

r{clear:both;height:0px;overflow:hidden;}

標籤:CSS float 閉合