清除浮动

在布局页面的时候，我们经常会用到浮动，在使用的时候是很方便，但是有时候使用过后会造成页面错乱，这就是因为没有清除浮动造成的，下面介绍几种常用的清除浮动的方法：

1.给浮动元素的父级加伪类 :after

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

2.在浮动盒子的末尾添加一个空标签

.clear{clear:both}

3.给浮动元素的父级添加css属性 overflow:hidden

不能和position一起使用，因为超出会隐藏

4.给浮动元素的父级添加css属性 overflow:auto 但是会出现滚动条

5.父级一起浮动