清浮动

方法一：在结尾处添加空div标签clear:both

页面中有很多浮动就会增加空div，让人感觉不好

方法二：设置高度

必须知道精确高度，不推荐
方法三：父级div定义 overflow: hidden

利用BFC规则，不能和position一起使用，超出的部分会被隐藏起来

方法四：父级div定义overflow:auto

利用BFC规则，不能和position一起使用，超出的部分会被隐藏起来

方法五：父级div跟着一起浮动

会产生新的浮动问题，不推荐
方法五：父级div定义伪类:after和zoom，从面达到清除浮动的效果。

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

方法六：父级div利用伪类:after和:before和zoom，从面达到清除浮动的效果。

.clearfix:before,.clearfix:after{
    content:"";
	display:table;
}
.clearfix:after{
	clear:both;}
.clearfix{
	zoom:1;}