分享我常用的两种清除浮动方法：

方法一：

.clear1 {clear:both; height:1px; overflow:hidden; margin-top:-1px;}

<div>

    <div style="float:left"></div>

    <div style="float:right"></div>

    <div class="clear"></div>

</div>

方法二：

.clear2 {*zoom:1;}

.clear2:after,.clear2:before{

    display:block;

    content:"clear";

    height:0;

    clear:both;

    overflow:hidden;

    visibility:hidden;

}

<div class="clear2">

    <div style="float:left"></div>

    <div style="float:right"></div>

</div>