ホームページ >ウェブフロントエンド >CSSチュートリアル >DOCTYPE を維持しながら Div の高さを 100% に設定するにはどうすればよいですか?
DOCTYPE を維持しながら Div の高さを 100% に設定するにはどうすればよいですか?
- Barbara Streisandオリジナル
- 2024-12-27 19:59:15208ブラウズ
CSS の高さプロパティ、パーセンテージ値、および DOCTYPE
Div の高さを 100% に設定する
Div を削除せずに 100% の高さで埋めるにはDOCTYPE、ルートの高さを宣言しますelement:
html { height: 100%; }
Quirks Mode と Percentage Heights
DOCTYPE を削除すると、ブラウザが標準モードから Quirks モードに切り替わります。 Quirks モードでは、親要素の高さが auto である場合、子要素の高さのパーセンテージはビューポートを基準にして測定されます。標準モードでは、高さ: auto として扱われます。
TL;DR
標準モードでドキュメントをレンダリングするには、常に DOCTYPE を含めます。次の DOCTYPE を使用します:
<!DOCTYPE html>
以上がDOCTYPE を維持しながら Div の高さを 100% に設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。