2011-08-28 80 views
1

當我在Chrome 13.0.782.215 Linux中查看以下內容時,發現div太高了5px。在檢查員看來,鉻似乎正在計算內容的高度爲37px(邊界爲30 + 5 + 2 * 1)。 5px是一個錯誤?我在Firefox 3.6或6.0中看不到這個問題。鉻大小錯誤或我的誤解?

http://jsfiddle.net/drpXE/5/

+0

我也從你提供的鏈接在Windows 7中看到它。我之前在處理任務時注意到了這一點,從來不知道是什麼原因造成的。 – b01

回答

1

http://jsfiddle.net/drpXE/12/

在這種情況下它不是微胖,它只是與嵌入式文本textarea的位置。將其設置爲垂直對齊,如文本頂部或中間,您將看到多餘的5px消失。

textarea 
{ 
    height:30px; 
    vertical-align: text-top; 
} 

這一切都取決於你添加到div的任何其他內容以及你希望它看起來如何。

+0

看來,改變垂直對齊到除了基線之外的任何東西都可以解決問題,所以這看起來似乎是一個鉻錯誤。 – JRG