This是在Firefox代码为什么Firefox上的最小高度比高度大?
<div style="font-size: 1px; min-height: 1px; background-color: #9DA5E2;"> </div>
它看起来更大然后高度:1px的(事实上,改变高度:1px的Firebug的股利是高度以下)。
事实上,最小高度:1px的=身高:3px的,这是奇怪...
为什么?
This是在Firefox代码为什么Firefox上的最小高度比高度大?
<div style="font-size: 1px; min-height: 1px; background-color: #9DA5E2;"> </div>
它看起来更大然后高度:1px的(事实上,改变高度:1px的Firebug的股利是高度以下)。
事实上,最小高度:1px的=身高:3px的,这是奇怪...
为什么?
这是因为您将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;
,它应该没问题。
为什么不设置行高导致'min-高度“大于”高度“? – 2012-01-10 13:45:07
你是对的!谢谢:) – markzzz 2012-01-10 13:49:01
因为文本行之间应该有空格。这就是为什么行高(如果没有手动设置)总是大于字体大小。见:http://www.w3.org/Talks/2008/0911-CSS-Amsterdam/line-height.png – 2012-01-10 13:54:00
最小高度是一个下限?所以如果高度> =最小高度eversything是好的。你的问题有点不清楚的方式 – ted 2012-01-10 13:33:14
不!我的意思是,'min-height'显示高度为'height:3px' – markzzz 2012-01-10 13:35:48
确定您使用firebug来确定div的高度并获得height:3px?尝试设置'height'而不是'min-height',也许定义溢出... – ted 2012-01-10 13:38:34