CSS clearfix【解决容器不能根据内容自动撑开的问题】

.clearfix {zoom:1;}   
.clearfix:after {   
    content:'.';   
    display:block;   
    visibility:hidden;   
    clear:both;   
    height:0px;   
    font-size:0;   
    line-height:0px;   
}

使用 <div class="clearfix"><div>xxx</div></div>