前端兼容性的解决思路及技巧

前端知识总结
本内容只针对Pc端，未来会添加移动端的兼容问题总结
1、尽量使用margin，padding等边框属性代替相对定位、决定定位等属性
2、在使用position的时候，可以在父元素上添加relative属性，可以避免很多意外的效果，(如果考虑到兼容Ie6，就不能使用或者尽量少使用绝对定位混合相对定位，因为两者混合使用在ie6下会产生非常奇特的现象).
3、对于某个元素内，元素出现错乱的情况，可以overflow清除浮动影响.
4、在Ie6下，overflow在特定情况下无效果，因此如果出现错乱的情况，可以使用绝对定位代替相对定位产生的浮动影响。
5、如果考虑到兼容Ie6,就必须放弃css的高级选择器，比如属性选择器，兄弟选择器等，尽量使用单类的形式来代替多类，虽然有些变态，也不利于css的模块化.
6、对于在chrome、firefox及ie8以上浏览器兼容的情况下，ie8以下出现混乱的情况,去看看你的css写的是否规范，这个情况我们不能看做是浏览器的问题，因为这种情况发生的根本原因大多数的情况下是你的css写的不规范导致严格的浏览器认为你写错了，因此抛出异常致使页面出现错乱的现象

7、浏览器的兼容问题远远小于移动端的问题，虽然移动端可以使用更多的属性.