Html 位置div低于绝对位置div

我有以下资料：

在知道绿色矩形的高度可以变化的情况下，我如何将红色矩形直接放在绿色矩形（绝对定位）的下方

HTML:

---

我不知道你想问什么。我从.absolute div中取出定位和边距，然后将定位添加到.footer div中

看到这个了吗

---

为什么要使用position Absolute？我不知道为什么要使用

position:Absolute

，但您可能对

边距：auto

-@junn我是个白痴。完全忘记了保证金：自动。谢谢那是你使用绝对值的唯一原因吗？这解决了问题吗？@MarkM是的，这解决了问题P

<div class="absolute"></div>
<div class="footer"></div>

.absolute {
    width: 600px;
    height: 600px;
    background: green;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    z-index: -1;
}

.footer {
    width: 600px;
    height: 100px;
    background: red;
    z-index: 1;
}

.absolute {
    width: 600px;
    height: 600px;
    background: green;
    left: 50%;
    z-index: -1;
}
.footer {
    width: 600px;
    height: 100px;
    background: red;
    z-index: 1;
    position:absolute;
}