Css 为什么要设置bg容器'；什么是绝对位置？

我刚刚在chrome上测试了这个页面，我对bg容器中使用的position属性感到困惑，但是当我删除这个属性时，背景图像（coke）消失了，有什么问题，我认为position属性与背景图像无关。 代码如下所示

 .bg-container {
        overflow: hidden;
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url('../../../../Content/themes/segmentedexecution/images/home-bg.jpg');
        background-size: cover;
        background-position: center center;
    }

---

否，

position:absolute

对背景图像没有影响，但会影响元素在背景中的位置

---

定位为绝对的元素将从页面流中取出。因此，它可以位于其他元素的下方/上方，我相信这就是您的示例中发生的情况。为了使

bg container

与页面上的其他元素位于同一空间中，它被定位为绝对位置。删除

position:absolute

时，它是页面流的一部分，并被包装在页面上的内容下方。加上父元素上的

溢出：hidden

，它似乎消失了。

对不起，我刚刚添加了代码。您好，我想原因可能是div.bg-container无法获取其高度，因此背景图像不会出现。（我的主体中有三个div，它们都有position:absolute；因此主体高度变为0px），我删除bg容器的位置：绝对；属性并将主体设置为固定的宽度和高度，bg容器的背景图像将正常显示，因此我的问题是，为什么添加位置：绝对有效？（当主体高度为0但背景图像仍显示时，高度：100%）