Css 放置在另一个div底部的div上，相对而言

我有两个div，我希望其中一个在另一个的底部，相对而言

<div class="div1">
 <div class="div2">
 </div>
</div>

出于某种原因，div2出现在div1的顶部。 （更改绝对值没有帮助，因为我想在调整整个页面的大小时使用div1调整div2的大小）。

---

我该怎么做呢？

你是对的，但是根据你的CSS有一个错误，HTML应该是这样的：

<div id="div1">
    first div
    <br /> 
    <br />
 <div id="div2">
     second div
 </div>
</div>

第一组




第二组

---

您是正确的，但是根据您的CSS，有一个错误，HTML应该如下所示：

<div id="div1">
    first div
    <br /> 
    <br />
 <div id="div2">
     second div
 </div>
</div>

第一组




第二组

---

您需要将内部div上的position:relative更改为position:absolute，并在div上添加一些宽度/高度：

---

您需要将内部div上的position:relative更改为position:absolute，并在div上添加一些宽度/高度：

---

您正在使用类，然后在css中使用表示ID的

。请尝试使用

.div1{…

抱歉，错误就在这里，原始代码是正确的。我现在编辑了它。您正在使用类，然后在css中使用表示ID的

。请尝试使用

.div1{…

对不起，错误就在这里，原始代码是正确的。我现在编辑了是的，错误就在这里。我修复了它，但是div2仍然在div1的顶部是的，错误就在这里。我修复了它，但是div2仍然在div1的顶部

.div1
{
 position: relative;
    background:pink;
    height:100px;
    width:200px;
}
.div2
{
    background:#ccc;
 position: absolute;
 bottom: 0;
    height:10px;
    width:200px;
}