空の場合でも DIV をページの下部まで拡張するにはどうすればよいですか?

コンテンツに関係なく、DIV ブロックをページの最後まで拡張する

コンテンツ div がページの最後まで拡張されることを確認しようとしています。ページの一番下。ただし、現時点では、表示する実際のコンテンツがある場合にのみ伸縮します。これは、コンテンツがない場合でも垂直境界線を表示したままにしたい場合に非常に重要です。

問題:

問題は div の高さではなく、そのコンテナと一緒に。親コンテナの高さが 100% ではないため、コンテンツ div がその高さを継承します。

解決策:

これを解決するには、次の CSS を追加します:

html,body { height:100%; }

追加調整:

希望の外観を実現するには、パディングとマージンを調整する必要がある場合があります。

ブラウザの互換性:

必要な場合は、すべてのブラウザで動作するには、追加の変更が必要になる場合があります。

推奨リソース:

• [HTML ボディの高さのテスト](http://www.brunildo.org/test/html_body_0.html)
• [HTML とボデ​​ィブラウザの互換性に関する詳細情報については、[身長](http://www.brunildo.org/test/html_body_11b.html)
• [QuirksMode](http://quirksmode.org/)

以上が空の場合でも DIV をページの下部まで拡張するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。