清除浮動

日期：2013-12-09  來源：攀枝花惠康網絡公司

常規斷根浮動，只要在需要斷根的阿誰元素加上clear:left、clear:right或者clear:both

可是有兩個情形下，靠以上這種簡單措置不行。

第一種情形的示例看下圖：

第二種情形的示例看下圖：

你可以訪謁口碑網首頁使用firebug睜開dom節點找到響應的位置看。

}

原版（網上搜索clearfix處處都是）對IE/MAC供給了撐持，而且用height:1%對IE進行hack。我對那部門做了改削，用了zoom:1來庖代。

此外比來不小心看到網上一個新體例，這樣子也行…

今天說說斷根浮動，clear float。

.clearfix {

第一種情形，父元素有border或者background等視覺浮現，而子元素都是float元素的時辰，需要對子元素竣事的時辰對float做清理，否則視覺顯示不出來。第二種情形，也是基于視覺的考慮，第一個元素的子元素做了一些浮動，緊接著的第二個元素有border要顯示，可是如不美觀直接在自己身上加clear，會導致第一個元素的padding-bottom后者自己的margin-top失蹤靈，而因為要顯示border，欠好用padding-top來節制與第一個元素的間距。這些時辰可以用這個經典的斷根浮動class加在父元素上來斷根自身的浮動：

123456789 .clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}.clearfix {zoom:1;}
overflow:auto;
zoom:1;