css清除浮动的方法

css清除浮动的方法

1、额外标签法（额外添加一个标签来清楚浮动，给标签添加属性clear:both）

2、使用:after伪元素

（1） .clearfix :after{//最简单的方式

　　        content:'';

　　　　display:block;

　　　　clear:both;

 　　}

（2） .clearfix:after{//新浪使用的方式

　　　　content:'';

　　　　display:block:

　　　　clear:both;

　　　　height:0,

　　　　visibility:hidden;

　　}

3、给父元素定高

4、给如元素使用overflow:hidden; 属性。再加上zoom:1; 来兼容IE

5、给父元素绝对定位，脱离文档流

转载于:https://www.cnblogs.com/wdblog/p/7217539.html