為什麼嵌套絕對定位會導致元素引用其父級而不是祖父母？

嵌套定位：絕對中的絕對

嵌套絕對定位元素可能會在 CSS 中表現出意想不到的行為。考慮這種情況：

• 第一個div (#1st) 的位置：相對
• 第二個div (#2nd) 相對於#1st 絕對定位
• A第三個div (#3rd) 絕對定位在#2nd

問：為什麼#3rd 絕對定位於#2nd 而不是#1st？

A：因為絕對定位元素中的position:absolute會重置其子元素的相對位置。

此屬性有效地覆蓋了#3rd的#1st的相對位置，使其相對於它的直接父級 #2nd。

要實現您想要的行為，其中 #3rd 相對於 #1st 絕對定位，您需要使 #3rd 成為 #1st 的直接子級。

以上是為什麼嵌套絕對定位會導致元素引用其父級而不是祖父母？的詳細內容。更多資訊請關注PHP中文網其他相關文章！