如何使用CSS将元素放在另一个元素的底部?

时间:2013-08-19 16:20:25

标签: css

看看这个: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在这里不起作用?

1 个答案:

答案 0 :(得分:3)

position:relative添加到您的d1 div

jsFiddle example

绝对定位的元素相对于最近的祖先定位。