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

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

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

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,790評論 1贊 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML標準。 注意：講述HT...
    kismetajun閱讀 27,627評論 1贊 45
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表，主要用...
    寥寥十一閱讀 1,866評論 0贊 6
  • 概述 在網易云課堂學習李南江老師的《從零玩轉HTML5前端+跨平臺開發》時，所整理的筆記。筆記內容為根據個人需求所...
    墨荀閱讀 2,366評論 0贊 7
  • 飛船緩緩啟動，他深情的看著窗外，留戀著這片土地，默默地落下幾滴熱淚。 移民計劃啟動于10年前，那時他94歲...
    麻花騰閱讀 214評論 1贊 1