清除浮动的方法整理

整理下以前写格式混乱的博客，当作复习和纠错

看到一些清除浮动的方法，有的只有结论就不太理解，就整理下解释当作学习啦

基本代码：

<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很相似

.div1:after{    content:"";    display:block;    clear:both;    visibility:hidden;    height:0;}.clearfloat{zoom:1}/*兼容IE6*/

2.结尾处加空div标签clear:both，和br标签clear:both都是一个道理，清除两边浮动嘛。

3.父级div也浮动，需要定义宽度。讲道理，都浮动还是不好，容易出新问题。

4.父级div定义 display:table.在CQS首页就有这个，将div转化成table。

5.父级div定义 overflow：auto/hidden,超出部分会隐藏

6.父级div定义 height。这个更直接。