1

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

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

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

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

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

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

4

3 に答える 3

2

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

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

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

于 2012-06-16T17:43:58.070 に答える
1

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

于 2012-06-16T17:44:32.047 に答える
-2

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

<style> 
        html,body{
            height:100%;
            margin:0;
        }
        #wrapper {
            min-height:80%;
        }
</style>
<div id='wrapper'>
hello
</div>
<div id='footer'>
    my footer
</div>
于 2012-06-16T18:05:37.587 に答える