如何使用CSS将一个元素置于另一个元素底部？

Question

看这个： http://jsfiddle.net/unimous/88uqJ/

<div id="d1">
    <div id="d2">
</div>
</div>

#d1 {
    height: 3000px;
    background-color: red;
}

#d2 {
    background-color: green;
    height: 40px;
    width: 40px;
    position: absolute;
    bottom: 0px;
}

我希望将div d2放在d1的底部，而不是屏幕的底部。

为什么使用position: absolute在这里不起作用？

- Yishu Fang

---

简而言之，在代码中添加#d1 { position:relative; }。 - Wesley Murch

Answer 1

将position:relative添加到您的d1 div中。

jsFiddle示例

绝对定位的元素是相对于它们最近的已定位祖先元素定位的。

- j08691