为什么我的绝对定位 Div 不留在其父容器内？

已解决绝对位置问题

在尝试在其父容器内绝对定位 div 时，发现该 div 仍然存在卡在页面的左上角。用于此定位的代码如下：

<div>

期望将 id 为“absPos”的 div 定位在父 div 内，但实际行为是将其放置在页面左上角。

原因及解决方案

原因这种行为在于偏移父级的概念。具有绝对定位的元素派生出相对于其偏移父级的位置，该父级也是已定位的最近的祖先。在提供的代码中，“absPos”div 的祖先都不是定位元素，导致其偏离 body 元素。

要解决此问题，需要设置父元素的位置div 到“相对”，使用以下代码：

<div>

通过将“相对”位置应用于父 div，它成为一个定位元素，从而充当“absPos”分区。这解决了问题并允许“absPos”div 相对于其父级的绝对定位。

以上是为什么我的绝对定位 Div 不留在其父容器内？的详细内容。更多信息请关注PHP中文网其他相关文章！