Question

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

初始视图看起来很棒，但如果用户使用浏览器缩小，则他们会在底部看到一个空白区域，表示内容已结束。（请注意，内容的宽度总是通过在缩小时增长来填充可用空间）

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

我不想修改正文标记，因为我的网页应用不是为了允许这样做而构建的。

我尝试的事情：

将样式应用于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？

如何让div充当无限背景

1 个答案: