解决高度塌陷--clearfix

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

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

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

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