css清除浮动的方法

清除浮动是div+css中经常遇到的。我们页面布局的时候，经常会遇到浮动导致的容器高度丢失的问题，下面让我们一起看看，如果解决这个浮动的问题吧！

方法一：

clear清除浮动（添加空div法）在浮动元素下方添加空div,并给该元素写css样式 {clear:both;height:0;overflow:hidden;}

方法二：

给浮动元素父级设置高度

方法三：

父级同时浮动（需要给父级同级元素添加浮动）

方法四：

父级设置成inline-block，其margin: 0 auto居中方式失效

方法五：

给父级添加overflow:hidden 清除浮动方法

方法六：

万能清除法 after伪类 清浮动（现在主流方法，推荐使用）

float_div:after{
content:".";
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}
.float_div{
zoom:1
}