Css 2个相对定位的div？

我有一个具有相对定位的容器div，然后还有一个内部也具有相对定位的div：

<div class="first">
  <div class="second">
    <img src="img.jpg" />
  </div>
</div>

我希望绝对定位的图像是相对于“第二”div而不是“第一”div的。但是我需要它们都有相对定位，我如何指定图像相对于“第二个”div

---

定位只是一个例子；您可以根据需要更改它。

它根据CSS标准自动相对于第二个

，因为它嵌套在第二个

中，并且该div已定位。以下是一段引自：

定位框的包含块由最近的定位祖先建立

---

因此，在DOM树中向上计数，即从最近的祖先到文档根，并在第一个定位的祖先处停止（如果没有祖先，则它是最近的容器，但这不适用于这里）。在本例中，这将是您想要的

div.second

。

在页面层次结构中，图像将相对于.second；但是，您必须定义要相对定位的父对象，以便让孩子照顾

见：

---

不，它将把父对象作为相对位置，第一个不是。第二个直接父对象是

div.second

。为什么这么复杂？你想实现什么？复杂吗？我只希望一个图像与一个更近的div相对，它与包含它的容器相对。这是第二个div.@cztechnology：这仅在页面层次结构的范围内是正确的，除非给父元素一个position属性来告诉它如何处理子元素。否则，它的边界将被忽略。请参阅我的答案和下面的链接文章以获取示例。Xtian，我希望您的问题得到解决。选择有帮助的答案让我们知道。

.second img{ position:absolute; top:0; left:0; }

.second { position:relative; }
.second img { position:absolute; top:0; left: 0 }