ホームページ >ウェブフロントエンド >CSSチュートリアル >DOCTYPE を削除せずに Div の高さを 100% にするにはどうすればよいですか?
DOCTYPE を削除せずに Div の高さを 100% にするにはどうすればよいですか?
- DDDオリジナル
- 2024-12-29 15:15:15985ブラウズ
CSS の高さプロパティ、パーセンテージ値、および DOCTYPE
div を削除せずにページを 100% の高さで埋める方法のDOCTYPE?
解決策:
ルート要素で高さを宣言します:
html { height: 100%; }
DOCTYPE を削除すると機能するのはなぜですか?
標準モードでは、子要素の高さのパーセンテージは次のようになります。高さが定義されていない場合は自動として扱われます。ただし、クインク モードでは、高さのパーセンテージはビューポートを基準にして測定されます。したがって、DOCTYPE を削除するとブラウザが強制的に quirks モードになり、div がページを 100% の高さで埋めることができるようになります。
ただし、quirks モードは予測不可能で信頼性が低くなります。
<!DOCTYPE html>を使用して標準モードでドキュメントをレンダリングするには、必ず DOCTYPE を含めてください。
以上がDOCTYPE を削除せずに Div の高さを 100% にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。