清除浮动的方法

根据不用情况去选择的，我个人更推荐第一种方法

通用类，使用:after。
复制内容到剪贴板
代码:

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearfix {display: inline-block;}

/* Hides from IE-mac "*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

Overflow auto
复制内容到剪贴板
代码:

overflow:auto;

_overflow:visible;

zoom:100%;

外层float
复制内容到剪贴板
代码:

<div style="float:left;">

<div>left</div>

<div>right</div>

</div>

br的clear属性，严格型不能通过
复制内容到剪贴板
代码:

<br clear="all" />