ブロック要素の高さはコンテンツのフォント サイズの影響を受けますよね?
私が何を意味するかを示すのが最善です。このフィドルの例を見てください
div 内のクラスのフォント サイズを大きくする.p
と、div の高さも大きくなりますが、これはなぜですか?
ブロック要素の高さはコンテンツのフォント サイズの影響を受けますよね?
私が何を意味するかを示すのが最善です。このフィドルの例を見てください
div 内のクラスのフォント サイズを大きくする.p
と、div の高さも大きくなりますが、これはなぜですか?
これは、div のフォント サイズによってテキストのベース ラインがどこにあるかが決まり、スパンはそのベース ライン上に配置されるためです。
div のフォント サイズを大きくすると、ベース ラインの上下の距離が長くなります。要素のサイズを指定するのは内部のスパンの内容であるため、サイズに影響を与えるのはベース ラインより上の距離のみであり、ベース ラインより下の距離ではないため、テキストが押し下げられていることがわかりますが、対応するものはありません。テキストの下のスペース。
これはheight
、スタイルシートで -property を定義していないためです。デフォルトはheight: auto
です。
divに高さが設定されていないためです。
これは、div がそのコンテンツ (この場合はp
要素) に合わせて拡張されることを意味します。
高さを指定しない場合、デフォルトで になりますheight:auto
。
div の高さを設定する必要があります。http://jsfiddle.net/VpeW8/を参照してください。