為什麼我的絕對定位 Div 不留在其父容器內？

已解決絕對位置問題

在嘗試在其父容器內絕對定位div 時，發現div 仍然存在卡在頁面上的左上角。用於此定位的程式碼如下：

<div>

期望將 id 為「absPos」的 div 定位在父 div 內，然而，實際行為是將其放置在頁面左上角。

原因及解

原因這種行為在於偏移父級的概念。具有絕對定位的元素派生相對於其偏移父級的位置，該父級也是已定位的最近的祖先。在提供的程式碼中，「absPos」div 的祖先都不是定位元素，導致其偏離 body 元素。

要解決此問題，需要設置父元素的位置div 到“相對”，使用以下代碼：

<div>

通過將“相對”位置應用於父div，它成為一個定位元素，從而充當“absPos”分區。這解決了問題並允許“absPos”div 相對於其父級的絕對定位。

以上是為什麼我的絕對定位 Div 不留在其父容器內？的詳細內容。更多資訊請關注PHP中文網其他相關文章！