如何使用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; 
} 

我要让格D2出现在D1的底部，屏幕不是底部。

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

Answer 1

添加position:relative您D1 DIV

jsFiddle example

绝对定位的元素被定位相对于它们的位置最靠近的祖先。