html - 如何使div充当无限背景

Question

我想弄清楚如何解决我希望背景始终为相同颜色的特定问题。

初始 View 看起来不错，但如果用户使用浏览器缩小，那么他们会在底部看到一个空白区域，这表明内容已经结束。 (请注意，内容的宽度总是随着缩小而增加以填充可用空间)

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

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

我尝试过的事情:

• 将样式应用到 body 标签。它有效，但它会适用由于此样式表已共享，所以我的所有页面都会如此。

• 将容器的高度设置为 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？