清除浮动

日期：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;