html要素のヘッダー付きページに100％の高さを設定する

Question

固定長ヘッダーを持つページでhtml要素の高さを100％に設定するにはどうすればよいですか？レイアウトは、もちろん、固定された高さではありません。

すでにhtmlとbodyが正しく設定されており、min-height: 100%と正しくシミュレーションされています。

---

私は、次のアイデアを試してみましたが、無駄に：

1.私は、次のCSSを使用しているが、それはうまく動作しない割合ベースの高さを、使用しています私のレイアウトのヘッダーは固定されているので、高さは81pxです。

#divContent 
{ 
    height: 82%; 
    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 82px; 
    width: 950px; 
} 

2.私はパディングとマージンの様々な組み合わせで次のように使用しているが、それらのすべては、それによってそれらすべてが同じに見えるように、（hiddenである）ページの高さを展開します。下の81pxが非表示になっています。

html, body 
{ 
    overflow: hidden; 
    margin-bottom: 82px; 
    padding-bottom: 82px; 
} 
#divContent 
{ 
    height: 100%; 
    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 82px; 
    width: 950px; 
    margin-bottom: 82px; 
    padding-bottom: 82px; 
} 

私は私のdivContentは、体の高さマイナス81pxのすべてを消費します。

私はすぐにテーブルを使用してそれを行うことができますが、それはテーブルを不適切に使用することになります。また、jQueryを使用して自動的に計算できると考えていますが、以前はjQueryのように記述していません。

P.S.私は約10の質問を見て、解決策を見つけることができません。これが実際に同じ問題をカバーする重複であることを証明できれば、私は喜んで他の投稿を読むでしょう。

Answer 1

divの下部を0pxに設定します。これは、ページの残りの部分ここ

#divContent 
{ 

    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 82px; 
    bottom: 0px; 
    width: 950px; 
} 

は、私はしばらく前に

How to build this layout with CSS?