Почему min-height на firefox больше высоты?

Question

Это код

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

в Firefox выглядит больше, чем высота: 1px (фактически, изменение высоты: 1px с Firebug, где div меньше высоты).

На самом деле, минимальная высота: 1px = высота: 3px, это странно ...

Почему?

Answer 1

Это потому, что вы установили font-size равным 1px, но не изменили высоту строки.

Когда вы устанавливаете font-size в значение x, высота всей строки, содержащей текст, больше.Подробнее: http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height

См. Также это изображение для деталей: http://www.w3.org/Talks/2008/0911-CSS-Amsterdam/line-height.png

Добавьте line-height:1px; и все должно быть в порядке.