对于全是浮动元素的父级warpper,如果底下还有别的元素，会出现高度塌陷（底下元素跑到上面去），这时候最好的方法：

.clear_fix::after{
    content: "";
    clear: both;
    display: block; // 需要加这个，不然没有宽度，对于其他浮动元素来说无效
    
    visibility: hidden; // 浏览器兼容，防止有些浏览器显示伪元素
    height：0; // 浏览器兼容
}
.clear_fix{
    *zoom:1 //兼容 IE6和7，防止有放大 
}
.left {
    float: left
}
.left {
    float: right
}
// 使用时
<div class="content">
  <div class="wrapper clear_fix">
   <div class="item left"></div>
   <div class="item right"></div>
  </div>
</div>
<div class="content2">
  XXX
</div>