主要帮助大家梳理主流浏览器css兼容的相关问题，对主流浏览器css兼容问题进行汇总，感兴趣的小伙伴们可以参考一下

现在就post一些做兼容的总结，可能不够全面，但是可以告诉大家如何避过一些坑。主要测试了chrome，firefox，ie8、9、11，360浏览器。 一、基本的css兼容： 1、可能很多人喜欢用css hack的形式去兼容ie浏览器，但是我自己用起来感觉其实不好使 。ie7-就不考虑了，问题在哪呢，就在ie8的甑别上，你怎么让样式只对ie8起作用。上网搜你可能会得到这样的答案： CSS Code复制内容到剪贴板 .selector {    　　color: #ff0\0;/*

目前主流浏览器的兼容性做的都比较好了，本文主要针对IE6，7的不兼容问题进行解决。 1.有浮动存在时，计算一定要精确，不要让内容的宽高超出我们所设置的宽高，IE6下，内容会撑开设置好的高度。 解决方法：给对应的父级加overflow:hidden;但是会有部分被隐藏掉，最好是精确计算宽高再设定 eg：（ie会撑开） XML/HTML Code复制内容到剪贴板    box{ width:400px;}    left{ width:200px;height:300px;b