CSS兼容性处理

清除浮动

.clearfix:before, .clearfix:after {
    content: "";
    display: block;
    height:0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
}

.clearfix {
    *zoom: 1; /*IE/7/6*/
}

 浏览器私有化前缀

解决兼容性问题
-webkit- 谷歌 苹果浏览器内核
-moz- 火狐浏览器内核
-ms- IE浏览器内核
-0- 欧朋浏览器内核
最后加无前缀的样式