清楚浮动的方式总结（第二篇）

1：利用br标签的clear属性清楚浮动

在父元素中添加<br clear="all"/>,同时需要为父元素添加{zoom:1;}解决IE浏览器的兼容性问题（haslayout）

2:加一个清楚浮动的空标签

    <div class="content" style="backgroud:red;">
        <div class="left" style="float:left;">左浮动元素</div>
        <div class="right"style="float:right;">右浮动元素</div>
    </div>
    <div style="clear:both;"></div>

3:在父元素中添加{overflow:hidden;zoom:1;},会存在一些隐藏问题。

4：在父元素中添加{display:table;},存在较多隐藏问题。

5:

.content:after{

clear:both;

display:block;

visibility:hidden;

height:0;

line-height:0;

content:"";

}

.content{

zoom:1;//解决IE浏览器不识别伪类

}