如何让 div 充当无限的背景

Question

我想弄清楚如何解决某个问题，我希望背景始终是相同的颜色。

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

我有一个包装我的内容的 div，它应该显示我想要的背景颜色。有没有一种特殊的方法可以让 div 容器总是像覆盖宽度区域一样覆盖高度区域？

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

我尝试过的事情：

• 将样式应用于正文标签。它有效，但它会适用 因为这个样式表是共享的，所以这个到我所有的页面。

• 将容器的高度设置为 100%，这没有任何作用。

我正在使用的代码：

HTML

<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>

CSS

   .container {
       background-color: #000;
   }

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

Answer 1

您是否尝试过将 div 的 height 和 width 属性设置为 100% 或 100vh 和 position 属性 absolute 或 fixed？