CSS教程-position 绝对定位的问题

今天在设计网页的过程中，我遇到了一道难题：一个嵌套的 div 元素无法按照我期待的方式对其父元素进行绝对定位。

我尝试使用如下代码结构：

`

无论我如何调整参数，这个内部的 div 元素似乎总是相对于整个 body 进行定位，而不是它应该所在的父元素。这让我感到十分困惑。

我查阅了 CSS 手册，但并未发现明显的错误。于是，我转向网络寻求答案，终于找到了一段解释：原来，绝对定位（absolute）会脱离正常的文档流，并通过 top、bottom、left、right 属性进行定位。它会寻找最近的已定位父元素（即 position 不为 static 的元素）来确定定位基准。如果找不到这样的父元素，那么绝对定位的元素就会相对于整个文档（即 body）进行定位。还可以通过 z-index 属性来进行层次控制。

豁然开朗之后，我意识到自己的问题所在：我期待的父元素并未被设定为相对定位（relative）或固定定位（fixed），而是默认的静态定位（static）。于是，我修改了代码，将父元素的定位方式设为相对定位：

`

原来我犯了一个低级的错误！这让我有些尴尬，是我对 CSS 的理解还不够深入吗？或许我的 CSS 手册需要更新了？无论如何，问题已得到解决。