のdivの高さを100％が、ここでは、絶対的なスティッキーフッター

上で、私はdiv要素の高さが拡大作ってみるが、それが一番下に絶対positionnedスティッキーフッターの上に拡大していないが、デモです：のdivの高さを100％が、ここでは、絶対的なスティッキーフッター

（私は古いブラウザをサポートする必要はありません）

2012-02-26 Matthew

に取り組んでいますかなり確信してhttp://jsfiddle.net/adaz/nQVPm/

フッターとのdivまたは全部ソースコードとのより良いjsfiddleを入力してください：

はここでデモです。 – Alex

@Alex申し訳ありませんが、私はjsfiddleを保存したときに何かが間違っていた、私はリンクを更新しました – Matthew

あなたのmargin-bottom: 200pxルールは、ドキュメントフローの後続の要素にのみ影響します。 でなく、とすると、ブラウザのウィンドウよりも200px小さくできます。デモのために私はjsFiddle hereを設定しました。

divの下端をブラウザウィンドウの下端から200pxにする場合は、絶対にtop: 0とbottom: 200pxと置くことができます。 JsFiddle here。

2012-02-26 14:44:20 magicalex

私はあなたの[jsFiddleここ]（http://jsfiddle.net/5ft4P/）に上記を適用しました。 – magicalex

はあなたのメインのdivでこれを試してみてください：

#content { position: absolute; top: 0; left: 0; right: 0; bottom: 200px; }

とフッター：

#footer { position: absolute; bottom: 0; height: 200px; }

これはおそらく位置で仕事ができる：相対的にも。

編集：私は、これはIE7 +

2012-02-26 14:55:38 Adaz

答えて