2012-01-10 19 views
2

Thisは、それが高さ、その後大きく見えるのFirefox上のコードFirefoxのmin-heightがなぜheightよりも大きいのですか? (:Firebugのdivのものより少ない高さ1ピクセルの高さを変え、実際には)1ピクセル:

<div style="font-size: 1px; min-height: 1px; background-color: #9DA5E2;">&nbsp;</div> 

です。 1ピクセル=高さ:実際には、MIN-高さ

3px、それは奇妙だ...

なぜ?

+0

min-heightは下限ですか?ですから、高さ> = min-heightの場合は、何も問題ありません。あなたの質問は方法によっていくぶん不明です – ted

+0

いいえ!高さ:3px' – markzzz

+0

okあなたはfirebugを使ってdivの高さを判断し、 'height:3px'を取得しますか? 'min-height'の代わりに' height'を設定してみてください。おそらくオーバーフローを定義してください... – ted

答えて

4

font-sizeを1pxに設定したが、行の高さを変更していないためです。

font-sizeを値xに設定すると、テキストを含む行全体の高さが大きくなります。詳細:http://www.w3.org/Talks/2008/0911-CSS-Amsterdam/line-height.png

line-height:1px;を追加し、それは大丈夫でなければなりません:http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height

も、詳細については、この画像を参照してください。

+0

なぜ行の高さを設定しても、 height'は 'height'より大きくなりますか? –

+0

あなたは正しいです!ありがとう男:) – markzzz

+1

行の高さ(手動で設定されていない場合)が常にフォントサイズより大きい理由は、テキストの行間にスペースが必要なためです。参照:http://www.w3.org/Talks/2008/0911-CSS-Amsterdam/line-height.png –

関連する問題