Html 如何使div充当无限背景

我试图找出如何解决一个问题，我希望背景始终是相同的颜色

初始视图看起来不错，但如果用户使用浏览器缩小，则会在底部看到一个空白的白色区域，表示内容已结束。（请注意，内容的宽度总是随着其缩小而增大，从而填充可用空间）

我有一个包装我的内容的div，它应该显示我想要的背景色。是否有一种特殊的方法使div容器始终覆盖高度区域，就像覆盖宽度区域一样

我不想修改body标签，因为我的web应用程序不允许这样做

我尝试过的事情：

• 将样式应用于主体标记。这是可行的，但也适用 由于此样式表是共享的，因此它将应用于我的所有页面

• 将容器的高度设置为100%，但不起任何作用

我使用的代码：

HTML

---

您是否尝试过将div的

height

和

width

属性设置为

100%

或

100vh

以及

position

属性

absolute

或

fixed

？

您是否尝试过将div的

height

和

width

属性设置为

100%

或

100vh

和

position

属性

absolute

或

fixed

？

包含相应的代码会很有好处请发布您尝试过的代码，发生了什么，以及您希望发生什么。包含相应的代码会很有好处请发布您尝试过的代码，发生了什么，还有你想发生什么，那是100vh干的！谢谢蒂姆：）很高兴听到这个消息！任何时候：）那100vh做到了！谢谢蒂姆：）很高兴听到这个消息！随时：）

<div class="container">

    <section class="color-1">
        <nav class="cl-effect-14">
            <a href="#/intro" class="animsition-link menu-link">Start New Game</a><br/>
            <a href="#" class="menu-link">Resume Game</a><br/>
            <a href="#" class="menu-link">Join Existing Game</a><br/>
            <a href="#" class="menu-link" onclick="self.close()">Quit</a><br/>
        </nav>
    </section>

</div>

   .container {
       background-color: #000;
   }

   .menu-link {
       font-family: Old Standard TT;
   }