瀏覽器如何確定元素的 offsetParent

一個元素的 offsetParent ,要么是 null, 要么是<body>,要么是該元素的某一個祖先定位元素。

offsetParent 是 null

  • 元素為<body>元素

  • 元素不具有布局(比如,display: none

  • 元素尚未被加入 DOM

  • 元素postion: fixed;因為該元素的位置是相對于視圖區(qū)域,而不是其他元素的

offsetParent 是 <body>

元素不是任何一個定位元素的后代,也不滿足任何返回 null 的條件

offsetParent 是某個祖先定位元素

如果元素是定位元素的后代,那么離它最近的那個祖先定位元素就說它的 offsetParent。如果元素不是定位元素的后代,但卻是 <td><th><table>元素,那么其 offsetParent 就是最近的上述元素。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 CSSOM全稱CSS對象模型,涉及兩部分內(nèi)容,第一部分和操作樣式表相關(guān),第二部分和元素尺寸相關(guān),本文介紹第二...
    江楓閱讀 3,114評論 1 10
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,206評論 1 92
  • 簡介瀏覽器可以被認(rèn)為是使用最廣泛的軟件,本文將介紹瀏覽器的工 作原理,我們將看到,從你在地址欄輸入google.c...
    聽風(fēng)閣閱讀 3,404評論 0 7
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,861評論 1 19
  • 在這個周五的高峰時刻,我打開打車APP打車回家。 我一邊在街邊等待,一邊注視著:那些綠色的光點,在手機屏幕上抖動,...
    ProjectAlpha閱讀 174評論 0 2

友情鏈接更多精彩內(nèi)容