html - 了解定位元素的绝对行为

Question

我试图理解 css 的位置概念，但对绝对行为感到困惑。我有以下结构。

当我将橙色框位置设为绝对位置时，它会覆盖蓝色框。但是当我从橙色框中删除位置并将相同的位置提供给蓝色框时，它不会覆盖橙色框。

有人可以帮助它为什么不覆盖吗？

.orange {
    background: orange;
    width: 100px;
    height: 100px;
    position: absolute;
}

.blue {
    background: blue;
    height: 100px;
    width: 100px;
}

<div class="container">
    <div class="orange"></div>
    <div class="blue"></div>
</div>

标签： htmlcsscss-position