清除浮动的方法整理

看到一些清除浮动的方法，有的只有结论就不太理解，就整理下解释当作学习啦基本代码：<div class="div1"><div class="left">Left</div><div class="right">Right</div> ...</div><div class="div2">div2</div>1.父级div定义伪类:after和zoom。这个有点麻烦代码多，好理解，都说很多网站使用，重要啊.其实这个跟clear:both很相似
.1:after{
                content:"";
                display:block;
                clear:both;
                visibility:hidden;
                height:0;
            }
            .clearfloat{zoom:1}/*兼容IE6*/
2.结尾处加空div标签clear:both，和br标签clear:both都是一个道理，清除both浮动嘛。
3.父级div也浮动，需要定义宽度。讲道理，都浮动还是不好，容易出新问题。
4.父级div定义 display:table.在CQS首页就有这个，将div转化成table。
5.父级div定义 overflow：auto/hidden,超出部分会隐藏
6.父级div定义 height。这个更直接，不过我做的主页DEMO里好像都用的这个，因为高度要精确。


查看原文：http://blog.simmzl.cn/2017/05/20/%e6%b8%85%e9%99%a4%e6%b5%ae%e5%8a%a8%e7%9a%84%e6%96%b9%e6%b3%95%e6%95%b4%e7%90%86/