DIV の高さがパーセンテージで機能しないのはなぜですか?

パーセンテージが DIV 高さに対して機能しない場合?親要素を確認してください!

提供されたコード スニペットでは、DIV 要素の高さは 100% に設定されていますが、表示されないままです。その理由は、親要素、body、html に 100% の高さが存在しないことにあります。

高さのパーセンテージを使用する場合、すべての親要素の高さも 100% に設定されていることを確認することが重要です。これにより、DIV がそのコンテナの高さを完全に継承できるようになります。

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
}

親要素の高さを 100% に設定すると、DIV 要素はコンテナの高さを満たすように適切に拡張されるようになりました。

以上がDIV の高さがパーセンテージで機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。