瀏覽器如何確定元素的 offsetParent

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

offsetParent 是 null

  • 元素為<body>元素

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

  • 元素尚未被加入 DOM

  • 元素postion: fixed;因?yàn)樵撛氐奈恢檬窍鄬?duì)于視圖區(qū)域,而不是其他元素的

offsetParent 是 <body>

元素不是任何一個(gè)定位元素的后代,也不滿(mǎn)足任何返回 null 的條件

offsetParent 是某個(gè)祖先定位元素

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

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

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

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

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