6

ブロック要素の高さはコンテンツのフォント サイズの影響を受けますよね?

私が何を意味するかを示すのが最善です。このフィドルの例を見てください

div 内のクラスのフォント サイズを大きくする.pと、div の高さも大きくなりますが、これはなぜですか?

4

5 に答える 5

8

これは、div のフォント サイズによってテキストのベース ラインがどこにあるかが決まり、スパンはそのベース ライン上に配置されるためです。

div のフォント サイズを大きくすると、ベース ラインの上下の距離が長くなります。要素のサイズを指定するのは内部のスパンの内容であるため、サイズに影響を与えるのはベース ラインより上の距離のみであり、ベース ラインより下の距離ではないため、テキストが押し下げられていることがわかりますが、対応するものはありません。テキストの下のスペース。

于 2012-08-09T13:27:19.123 に答える
1

これはheight、スタイルシートで -property を定義していないためです。デフォルトはheight: autoです。

于 2012-08-09T13:23:08.913 に答える
1

divに高さが設定されていないためです。

これは、div がそのコンテンツ (この場合はp要素) に合わせて拡張されることを意味します。

高さを指定しない場合、デフォルトで になりますheight:auto

于 2012-08-09T13:23:26.127 に答える
0

div の高さを設定する必要があります。http://jsfiddle.net/VpeW8/を参照してください。

于 2012-08-09T13:27:02.637 に答える