如何使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作爲無限背景

回答

相關問題