為什麼嵌套絕對定位會導致元素引用其父級而不是祖父母？
- Barbara Streisand原創
- 2024-10-29 09:36:30551瀏覽
嵌套定位：絕對中的絕對
嵌套絕對定位元素可能會在 CSS 中表現出意想不到的行為。考慮這種情況：
- 第一個div (#1st) 的位置：相對
- 第二個div (#2nd) 相對於#1st 絕對定位
- A第三個div (#3rd) 絕對定位在#2nd
問：為什麼#3rd 絕對定位於#2nd 而不是#1st？
A：因為絕對定位元素中的position:absolute會重置其子元素的相對位置。
此屬性有效地覆蓋了#3rd的#1st的相對位置，使其相對於它的直接父級 #2nd。
要實現您想要的行為，其中 #3rd 相對於 #1st 絕對定位，您需要使 #3rd 成為 #1st 的直接子級。
以上是為什麼嵌套絕對定位會導致元素引用其父級而不是祖父母？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn