天天看點

CSS清除浮動 萬能float閉合

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

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

.clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}*html .clearfix{height:1%;}* html .clearfix{height:1%;}.clearfix{display:inline-block;}.clearfix {display:block;}
           

不過貌似這樣有點麻煩,呵呵,大前端常用的是下面的:

.clear{clear:both;height:0px;overflow:hidden;}>