コンテンツを使用せずに DIV 要素をページの下部まで拡張するにはどうすればよいですか?

コンテンツのない DIV ブロックをページの下部まで強制的に拡張する

コンテンツのない DIV ブロックをページの下部まで拡張すると、問題が発生する可能性があります。これを達成するには、まず DIV の柔軟性の制限に対処する必要があります。

問題を理解する

指定されたマークアップでは、「コンテンツ」 DIV が拡張されていません。そのコンテナである「menuwrapper」DIV の高さが 100% ではないため、ページの下部に表示されます。コンテンツ DIV はコンテナのサイズによって制限されます。

解決策

この問題を解決するには、コンテナ DIV (「menuwrapper」) が次のサイズに拡張されるように CSS を変更します。ページの全高:

html, body {
    height: 100%;
}

これにより、HTML 要素と body 要素の両方が次のように設定されます。高さ 100%。コンテナ DIV がページの垂直方向のスペース全体を強制的に埋めます。

追加の考慮事項

ブラウザによっては、次のような追加の調整が必要な場合があります。マージンやパディングの変更など。詳細については、次のリソースを参照してくださいサポート:

• http://www.brunildo.org/test/html_body_0.html
• http://www.bruni ldo.org/test/html_body_11b.html
• http://www.brunildo.org/test/index.html

についてCSS の高さに関する包括的な情報については、http://quirksmode.org/ をご覧ください。

以上がコンテンツを使用せずに DIV 要素をページの下部まで拡張するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。