闭合浮动，元素浮动或绝对定位后失去文档流的友好解决办法

给父盒子添加一个”clearfix”样式。它一般这样子定义

.clearfix{
    zoom:1;//由于IE6-7不支持:after，使用 zoom:1触发 hasLayout。

}
.clearfix::after{
    content:"";
    display:block;
    height:0;
    clear:both;
}

参考链接 http://www.cnblogs.com/StormSpirit/archive/2012/11/15/2772216.html