html - Div 高度为 0px，因此不显示背景图像

Question

我的 html 代码中的 body 标签中有一些 div 标签，如下所示:

<div class="landing">
<div class="home-wrap">
    <div class="home-inner">
    </div>
</div>
</div>

我想要一个带有 home-inner 类的 div 标签内的背景图像，
所以在我的 CSS 代码中，我有这样的东西:

.home-inner {
background-image: url(../img/bg.jpg);
}

但是当我测试它时，我所有的 div 标签的高度都为零，因此背景图像不可见。
我读过它与溢出， parent 和 child 有关，但我不太明白。
我是这方面的初学者，所以我提前感谢您的帮助，来自阿根廷的问候。
- - 编辑 - -
我需要图像在不滚动的情况下作为所有高度和宽度的背景，并保持响应，但它仍然不起作用。
我在下面添加了一个屏幕截图。

Answer 1

将高度和宽度应用于 .home-inner并确保您的网址有引号 ''围绕您的图像路径。您还可以使用 background 自定义背景图像特性。

.home-inner {
    height: 100vh;
    width: 100vw;
    background-image: url('../img/bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

来自加拿大的问候!