为什么firefox上的min-height比高度更大？

Question

This是代码

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

在Firefox上它看起来比高度更大：1px（实际上，改变高度：1px与Firebug，div更低的高度）。

实际上，min-height：1px = height：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;，它应该没问题。