css的position-relative兼容问题与解决办法

【css的position-relative兼容问题与解决办法】开发中遇到了使用相对定位,发现谷歌浏览器和QQ浏览器渲染的方式不一样,对应父级定位不同
解决办法
把需要定位的元素放在父级中的第一个子元素的位置
在实际使用中发现一个兼容性的问题,position:relative是指针对上级目录的相对决定定位,他是浮动在页面上的,但是相对父级是占有空间的,实验证明他们的top属性针对的对象不一致:firefox chome IE7、8等不会出问题,就是针对他的直接parent y坐标定位,但是遨游、腾讯等ie内核的包装浏览器就会不一样,他们针对的是书写位置的上一个直接对象,这样做出来的浮动层在浏览器下就不兼容了,y坐标不统一

    推荐阅读