.clearfix:before,
.clearfix:after{
content:"";
display:table;}
.clearfix:after{
clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
<div class="one clearfix">
<div class="on01">01</div>
<div class="on02">02</div>
<div class="on03">03</div>
</div>
<div class="p">
<p>眼界决定境界</p>
</div>
<p>222222222222</p>
使用之前:
使用之后: