浏览器兼容性解决方法

上一篇讲的是浏览器兼容性测试工具

那么工具有了之后，我们需要对兼容性出现的问题进行调整

除了我们刚刚前面发布的几篇文章之后，我再大概总结下关于兼容性的大致几个属性

(1) 针对ie6双倍浮动问题，display属性。在div float之后添加添加 _display:inline

(2)针对float之后没有清楚浮动问题。这个问题恰恰是出现最多的问题。div产生浮动之后，切记一定要执行一次。clear:both，否则会产生各种各样怪异问题

(3)宽度和高度溢出。div上添加overflow:hidden。防止溢出

(4)宽度各个浏览器一致。上一篇提到的width在每个不同浏览器的计算方法不一致。所以尽量少用内边距padding和边框border

(5)position属性和z-index。position的absolute,relative,fixed属性用处非常多。z-index只针对postion属性为absolute,fixed,relative属性有效。针对position为static即默认的根本就是无效的。

(6)善用，巧用css hack