DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS清除浮動 萬能float閉合
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;}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved