解决高度塌陷--clearfix

在写项目时可以写一个这样的类用来解决高度塌陷和边距重叠问题。

.clearfix:before,.clearfix:after{
    content: "";display: table;clear: both;
}

因为IE8及以下的版本不兼容before和after伪类，所以可以再写一个样式解决：

.clearfix{
    display: block;zoom: 1;
}