css - 如何使用 CSS 将一个元素放置在另一个元素的底部？

Question

这个问题在这里已经有了答案:





How to align content of a div to the bottom

(27 个回答)


8年前关闭。




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

Answer 1

添加 position:relative到你的 d1 div

jsFiddle example

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