css小技巧-兼容各浏览器清除浮动的通用方式

.clearfix:after{content:'';display:block;height:0;overflow:hidden;clear:both;}
.clearfix{*zoom:1;}

其实还有更好的方式

.clearfix:after
        {
            content: '';
            display: table;
            clear: both;
        }

        .clearfix 
        {
            *zoom: 1; /*兼容IE低版本*/
        }

 

<div class="clearfix">
  <img style="float:left"/>
</div>