css的position-relative相容問題與解決辦法

weixin_34393428發表於2019-02-25

開發中遇到了使用相對定位,發現谷歌瀏覽器和QQ瀏覽器渲染的方式不一樣,對應父級定位不同
解決辦法
把需要定位的元素放在父級中的第一個子元素的位置


在實際使用中發現一個相容性的問題,position:relative是指標對上級目錄的相對決定定位,他是浮動在頁面上的,但是相對父級是佔有空間的,實驗證明他們的top屬性針對的物件不一致:firefox chome IE7、8等不會出問題,就是針對他的直接parent y座標定位,但是遨遊、騰訊等ie核心的包裝瀏覽器就會不一樣,他們針對的是書寫位置的上一個直接物件,這樣做出來的浮動層在瀏覽器下就不相容了,y座標不統一

相關文章