1

私は次のことを理解しようとしています

  1. 高さ: 自動; これは何をしますか？
  2. 高さ: 100%; これは何をしますか？
  3. 1 と 2 の違いは何ですか? 違いを説明する例はありますか?

前もって感謝します！

4

3 に答える 3

6

height: auto;つまり、height要素の は、保持するコンテンツに応じて増加します。 fixed を割り当てるheightと、コンテンツがオーバーフローするため、要素にどれだけ含まれているかわからない場合は、 に設定するとauto、heightがauto増加します。

コンテナ要素の垂直方向のスペース全体を占めるように設定height: 100%;すると、たとえば、コンテナ要素が200px高さでありheight: 100%;、子要素で使用するheight: 100%;と、コンテナ要素 = になり200pxます。

デフォルトでは、 usingまたはその他の単位を指定しない限り、または指定するまで、要素のheightは常に に設定されます。autoheightpx %

デモ(height: auto;) コンテンツを追加し続けると、要素が垂直方向に拡張されます。

デモ 2 (height: 100%;)、これは、要素にいくつかの固定を設定しているように動作heightコンテンツが増加すると、overflow. このメソッドは、子要素が親コンテナーの垂直方向のスペースを 100% 占有する場合にのみ便利です。

于 2013-10-18T05:31:24.007 に答える
2

  1. height:100%: 要素の高さが親コンテナーの 100% になることを意味します。

  2. height:auto: 要素の高さが柔軟になることを意味します。つまり、その高さはその子要素の高さに依存します。

  3. コードとの違いはこちら

于 2013-10-18T05:29:46.310 に答える
0

参照: http://www.w3.org/TR/CSS2/visudet.html#the-height-property

コンテンツの高さ: 'height' プロパティ

  <percentage>

高さのパーセンテージを指定します。パーセンテージは、生成されたボックスの包含ブロックの高さに関して計算されます。包含ブロックの高さが明示的に指定されておらず (つまり、コンテンツの高さに依存する)、この要素が絶対配置されていない場合、値は 'auto' に計算されます。ルート要素の高さのパーセンテージは、最初の包含ブロックに相対的です。注: 包含ブロックがブロック レベル要素に基づいている絶対配置要素の場合、パーセンテージはその要素のパディング ボックスの高さに対して計算されます。これは、パーセンテージが常に親要素のコンテンツ ボックスに対して計算されていた CSS1 からの変更です。

auto

高さは、他のプロパティの値によって異なります。以下の散文を参照してください。絶対配置要素の包含ブロックの高さは、要素自体のサイズとは無関係であるため、そのような要素の高さのパーセンテージは常に解決できることに注意してください。ただし、ドキュメントの後半にある要素が処理されるまで、高さがわからない場合があります。

「高さ」の負の値は不正です。

たとえば、次のルールは、段落のコンテンツの高さを 100 ピクセルに設定します。

p { height: 100px }

コンテンツの高さが 100 ピクセルを超える段落は、overflow プロパティに従ってオーバーフローします。

于 2013-10-18T05:50:14.740 に答える