css - 高さ 100% の上下の境界線 - どのように?

Question

メイン コンテンツが 100% 未満の場合は絶対上下に、コンテンツが画面より大きい場合は「スクロールの最後」に上下のマージンを設定するにはどうすればよいですか?

参照してください: http://jsfiddle.net/FGBZc/

(ie7 以上)

よろしく

Answer 1

ボックスサイジングを使用すると、最も簡単になります。

box-sizing: border-boxそのdivで使用します。min-heightのを与え100%ます。それを与えると、topあなたborder-bottomがしたいです。

これがフィドルです。-> http://jsfiddle.net/FGBZc/11/

残念ながらie7では動きません。ちょうどie8 +。

なしでそれを行うにbox-sizingは、いくつかの追加要素が必要です。スティッキーフッターの状況です。「スティッキーフッター」をグーグルで検索すると、下のフィドルで私が行ったことを見つけることができます。

それをチェックしてください - > http://jsfiddle.net/FGBZc/23/

Answer 2

絶対位置に合わせてから、cssでbottomを0に設定してみてください。

position: absolute;
bottom: 0;