将一个DIV相对于另一个DIV定位？

Question

是否可以相对于另一个DIV定位一个DIV？我想首先将它放在参考DIV内，然后使用position: relative来实现。但是，我无法在不影响参考DIV内容的情况下实现此操作。如何正确地实现这一点呢？

请查看：http://jsfiddle.net/CDmGQ

- Nathanael

---

在那个例子中，你对灰色div和红色div的影响是什么？ - Rooster

我不明白这个问题。你在“不影响参考DIV的内容”中是什么意思？你能提供所需结果的图像吗？ - AlikElzin-kilaka

Answer 1

首先将父级DIV的position设置为relative（不需要指定偏移量，即left，top等），然后将子级DIV应用position: absolute和所需的偏移量。
这很简单，应该可以很好地完成任务。

- rhino

---

对我不起作用。只有在添加填充或边距时才有效，因此将第二个div定位在第一个div下方。 - AlikElzin-kilaka

Answer 2

您需要将外部DIV设置为position:relative，并将内部DIV设置为position:absolute。
尝试这个。 这里是演示

#one
{
    background-color: #EEE;
    margin: 62px 258px;
    padding: 5px;
    width: 200px;
    position: relative;   
}

#two
{
    background-color: #F00;
    display: inline-block;
    height: 30px;
    position: absolute;
    width: 100px;
    top:10px;
}​

- Nishu Tayal

Answer 3

你想在另一个div内使用position: absolute。

演示

- sachleen

---

仅使用 position: absolute 是不起作用的；指定的偏移量将参考文档主体而不是父级 div（至少在您提供的演示中是这样）。请查看我的答案。 - rhino

Answer 4

您可以在#one div内使用position:relative;，并在#two div内使用position:absolute。 您可以查看它

- Dinesh Pathak DK