如何使div作为无限背景

-1

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

初始视图看起来不错，但是如果用户缩小浏览器，那么他们会在底部看到一个空白区域，表示内容已经结束。（请注意，内容的宽度始终通过在缩小时增加空间来填充空闲空间）

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

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

事情我想：

应用样式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; 
    }

来源

2016-08-02 M. Slomski

这将是有益的，包括相应的代码 – lucas

请张贴你尝试的代码，发生了什么，以及你想发生什么。 –

你有没有尝试设置div的height和width属性100%或100vh和position财产absolute或fixed？

来源

2016-08-02 21:17:43

那100vh做到了！谢谢蒂姆:) –

很好听！任何时候：） –

如何使div作为无限背景

回答

相关问题