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