css的position-relative相容問題與解決辦法
開發中遇到了使用相對定位,發現谷歌瀏覽器和QQ瀏覽器渲染的方式不一樣,對應父級定位不同
解決辦法
把需要定位的元素放在父級中的第一個子元素的位置
在實際使用中發現一個相容性的問題,position:relative是指標對上級目錄的相對決定定位,他是浮動在頁面上的,但是相對父級是佔有空間的,實驗證明他們的top屬性針對的物件不一致:firefox chome IE7、8等不會出問題,就是針對他的直接parent y座標定位,但是遨遊、騰訊等ie核心的包裝瀏覽器就會不一樣,他們針對的是書寫位置的上一個直接物件,這樣做出來的浮動層在瀏覽器下就不相容了,y座標不統一
相關文章
- 解決CSS position:fixed 相容問題CSS
- 你遇到過的相容性問題以及解決辦法
- 跨域問題解決辦法跨域
- npm install realm --save失敗的問題與解決辦法NPM
- libigl庫的學習筆記--問題與解決辦法筆記
- svn相關問題解決辦法
- 在IDEA下使用JUnit出現的問題與解決辦法Idea
- 請問 django admin 介面 css 丟失解決辦法?DjangoCSS
- 解決django 2.2與mysql相容性問題DjangoMySql
- MySQL 與 Elasticsearch 資料不對稱問題解決辦法MySqlElasticsearch
- 常見php與mysql中文亂碼問題解決辦法PHPMySql
- 分享視訊直播常見問題與解決辦法彙總
- 記錄一次重灌電腦黑屏問題解決辦法與解決思路
- input 與 button 的問題 (空隙/不等高/對不齊)及 解決辦法
- 解決ie相容性問題
- Xshell連線Linux慢問題解決辦法Linux
- Macbook Pro Big Sur出問題解決辦法Mac
- 前端inline元素間隙問題解決辦法前端inline
- Authentication failure 以及xxx is not in the sudoers file 問題的解決辦法AI
- 主流瀏覽器相容性問題與解決方案瀏覽器
- MyBatisPlus解決邏輯刪除與唯一索引的相容問題MyBatis索引
- 【Salesforce問題解決】Dataloader匯出的檔案亂碼或者問號的解決辦法Salesforce
- matlab編譯exe問題具體解決辦法Matlab編譯
- IOS下圖片不能顯示問題的解決辦法iOS
- 幾種解決“藍芽不可用”問題的辦法藍芽
- 資料併發操作帶的的問題及解決辦法
- 對瀏覽器css相容性的學習理解及問題解決彙總瀏覽器CSS
- github訪問受限解決辦法Github
- PHP Warning: exec() has been disabled for security 問題解決辦法PHP
- docker網路問題解決辦法“大全”:關於宿主機訪問不了docker容器中web服務,或者容器內訪問不了外網的問題的解決辦法DockerWeb
- command 'gcc' failed with exit status 1錯誤問題的解決辦法GCAI
- WSL中配置EDA環境:遇到的問題以及解決辦法
- Jekyll 本地除錯部落格遇到的問題及解決辦法除錯
- Windows無法配置此無線連線這個問題的解決辦法Windows
- Vue&axios post請求使用URLSearchParams相容IE的解決辦法VueiOS
- CSS解決文字溢位問題CSS
- css高度塌陷問題解決方法CSS
- 方差與偏差的解釋和解決辦法