divを無限の背景にする方法

Question

バックグラウンドを常に同じ色にしたい特定の問題を解決する方法を理解しようとしています。

初期表示は素晴らしいように見えますが、ユーザーがブラウザをズームすると、コンテンツが終了したことを示す空白の白い部分が下部に表示されます。 （コンテンツの幅には、空き領域が常に拡大されるため、ズームアウト時に空き領域が生成されます）

コンテンツをラップする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; 
    } 

Answer 1

あなたは100%または100vhとにdiv要素のheightとwidthプロパティを設定しようとしたことがあり0プロパティabsoluteまたはfixed？