清除浮动

1，父级DIV定义伪类 after和zoom

自己封装一个公共类

.clearfloat:after{

    display:block;

    clear:both;

    content:"";

    visibility:hidden;

    height:0

} 

 .clearfloat{zoom:1}

2，在结尾处添加空的div标签 clear:both

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

<div class="clearfloat"></div>

.clearfloat{

    clear:both

}

3父级DIV定义height

要给精确高度 不大建议

4，父级div定义overflow：hidde

必须定义width或zoom：1，同时不能定义height，浏览器自动会检查浮动区域的高度。子元素不能设置position。这种不推荐

还有一些很奇怪的 不做举例 因为没啥用

从https://www.cnblogs.com/nxl0908/p/7245460.html总结