P粉7594512552023-08-21 18:49:34
また、<html> 要素と <body> 要素の高さを設定する必要があります。そうしないと、コンテンツに適合するだけの大きさになってしまいます。 ＃＃＃例えば＃＃＃：＃＃＃
P粉5305192342023-08-21 00:27:22
パーセンテージは何ですか?
高さのパーセンテージを設定するには、その親要素 (*) に明示的な高さが必要です。これは非常に明白です。高さを auto のままにすると、ブロックはそのコンテンツの高さを取得します...ただし、コンテンツ自体の高さが親要素のパーセンテージとして表現される場合、あなたはちょっとしたジレンマに陥っています。ブラウザはあきらめて、コンテンツの高さをそのまま使用します。
したがって、div の親要素には明示的な height 属性が必要です。必要に応じて高さをパーセンテージで指定することもできますが、それは問題を次のレベルに進めるだけです。
div の高さをビューポートの高さのパーセンテージにしたい場合は、<html> および <body> を含む div のすべての祖先要素が必要になります。 , height: 100% が必要なので、div にチェーンされた明示的な高さのパーセンテージが存在します。
(*: または、div が配置されている場合は、「包含ブロック」、同様に配置されている最も近い祖先要素。)
あるいは、すべての最新のブラウザーと IE 9 以降では、ビューポートの高さ (vh) とビューポートの幅 (vw) に関連する新しい CSS ユニットがサポートされています。
ここをご覧ください詳細情報。