上一篇讲的是浏览器兼容性测试工具
那么工具有了之后,我们需要对兼容性出现的问题进行调整
除了我们刚刚前面发布的几篇文章之后,我再大概总结下关于兼容性的大致几个属性
(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