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

看看这个：

#d1{
高度：3000px；
背景色：红色；
}
#d2{
背景颜色：绿色；
高度：40px；
宽度：40px；
位置：绝对位置；
底部：0px；
}

我想让div d2出现在d1的底部，而不是屏幕的底部

---

为什么

position:absolute

在这里不起作用？

将

position:relative

添加到您的d1 div中

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

tl；dr Add

#d1{位置：相对；}

<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;
}