css清除浮动

 

清除浮动的方法

1./*清除浮动代码*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}

.clearfloat{zoom:1}

原理：IE8以上和非IE浏览器才支持:after，原理和方法2有点类似，zoom(IE转有属性)可解决ie6,ie7浮动问题

 

2./*清除浮动代码*/

 .clearfloat{clear:both}

原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度

3.父级div定义高度

1.加入一个空的同类元素，然后设置元素css属性   clear:both;

2.{overflow:hidden; zoom:1;}

3..clearfloat{

zoom:1;

}

.clearfloat:after{

content:".";

display:block;

visibility:hidden;

height:0;

clear:both;

}

 

给父元素设置overflow:hidden或者overflow:auto