css float清除浮動實現代碼

定義和用法

如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會儘可能地窄。

注釋：假如在一行之上只有極少的空間可供浮動元素，那麼這個元素會跳至下一行，這個過程會持續到某一行擁有足夠的空間為止。

預設值：	none
繼承性：	no
版本：	css1
網頁特效 文法：	object.style.cssfloat="left"

執行個體

把映像向右浮動：

img  {  float:right;  }

tiy

瀏覽器支援

所有主流瀏覽器都支援 float 屬性。

注釋：任何的版本的 internet explorer （包括 ie8）都不支援屬性值 "inherit"。

可能的值

值	描述
left	元素向左浮動。
right	元素向右浮動。
none	預設值。元素不浮動，並會顯示在其在文本中出現的位置。
inherit	規定應該從父元素繼承 float 屬性的值。

代碼如下	複製代碼
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;}

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