清除浮动的方法

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

通用类，使用: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" />