Css 显示块不工作

我有一个布局，它是这样的：

 <div id="content">
        <div class="container">
           <div id="container-overlay"></div>
           <img>
        </div>

        <div class="container">
            <div id="container-overlay"></div>
            <img>
        </div>
    </div>

然而，图像是并排显示的，而不是在一列中，我不知道为什么

---

您可以在这里检查真正的问题：

您只需要删除.container上的绝对位置，就像在这个提琴中看到的那样。

---

position:absolute将元素与下一个父元素（position:relative）的左上角对齐。

您需要进一步了解position:absolute实际的对齐位置。可能是重复的，但如果我删除它，它会弄乱覆盖！图像甚至不在“定位”块中，这就是它们彼此相邻的原因对不起，我刚刚注意到。容器位置：绝对不在我的CSS中！浏览器是自己做的…我不认为浏览器做这样的事情是邪恶的。但如果设置了此选项，请使用！在相对之后很重要。

#content{
   position: relative;
}

.container{
   display: block;
}

.container-overlay{
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   position: absolute;
  }

img{
   width: 600px;
}