コンテナDIVの高さをウィンドウの高さの100％に設定するにはどうすればよいですか？

Question

私のコンテナDIVにはいくつか問題があります。 1つは、私のコンテンツの高さを正しく認識していません（私はそれが主なコンテンツとサイドバーの一番下に広がっていると思っていましたが、そうではありません）。 this pageの意味を知ることができます。

また、コンテナDIVが常に画面/ウィンドウの使用可能な高さを埋めるようにしたいと思います。私はmin-height:100%に設定しようとしましたが、これは何の効果もありませんでした。ここで

は、私は、コンテナDIVのために使用していCSSです：

#container { 
    padding: 0; 
    margin: 0; 
    background-color: #292929; 
    width: 1200px; 
    margin: 0 auto; 
    min-height: 100%; 
} 

私はこの作業を取得するために任意の助けいただければ幸いです。

おかげで、

ニック

Answer 1

あなたのCSSにこれを追加します。

html, body { 
    height:100%; 
} 

あなたが言う場合は、高さ：100％、あなたが '親要素の100％' を意味します。親要素に指定された高さがない場合、何も起こりません。あなたはbodyに100％しか設定しませんが、htmlにも追加する必要があります。あなたは、CSSを

Answer 2

設定しました：

html, body 
{ 
    height: 100%; 
} 

あなたは、これはdiv要素は、すべてのスペースを取る作ることができるようにする必要があります。 :)

Answer 3

あなたは高さに表示するように設定し、正味でき

html, body 
{ 
    height: 100vh; 
} 

Answer 4

html { 
    min-height: 100%; 
} 

body { 
    min-height: 100vh; 
} 

heightをだ文書の高さの世話をしますhtml height (%)がbody view height (vh)がかかりますしながら、screen viewの100%以上のものです画面の高さより低い文書の高さを気にしないでください。