網站首頁 語言 會計 互聯網計算機 醫學 學歷 職場 文藝體育 範文
當前位置:學識谷 > 設計製作 > 網頁設計

CSS清除浮動 萬能float閉合

欄目: 網頁設計 / 發佈於: / 人氣:2.83W

導語:清除浮動,新手朋友往往不是很明白。如果不清除浮動對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;}

Tags:CSS float 閉合