javascript - 体の動的最小高さ？

Question

中央に固定幅のコンテンツdivがあり、十分なコンテンツがない場合（つまり、小さなエラーページ）、その高さはWebブラウザの高さよりも低くなっています。

これにより、フッターが画面の中央に残り、コンテンツdivの背景が下部に続きません。たわごとのように見えます。

コンテンツが現在の画面よりも小さい場合、コンテンツdivを常に画面全体に表示するように強制する方法はありますか？

これにはjavascriptを使用する必要があるかもしれませんが、私はあまり詳しくありません。

編集：ユーザーがウィンドウのサイズを変更した場合は、ウィンドウも更新する必要があります。

編集：プロパティwindow.innerWidthを使用できるようですwindow.innerHeight

Answer 1

あなたが望むのは、ボディのサイズ変更ではなく、スティッキーフッターのようです。

これを行う方法については、Ryan Fait の優れたチュートリアルをご覧ください: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

これが実際のデモです: http://ryanfait.com/sticky-footer/

Answer 2

Ryan Fait のSticky Footerをご覧ください。必要なもののように聞こえ、CSS で実装されています。いくつかのプロジェクトでバリエーションを使用しましたが、うまく機能します。

Answer 3

用途はこちらをご利用頂けます、

<style> 
        html,body{
            height:100%;
            margin:0;
        }
        #wrapper {
            min-height:80%;
        }
</style>
<div id='wrapper'>
hello
</div>
<div id='footer'>
    my footer
</div>