Textarea高度Chrome問題

有沒有人有解決方案在Chrome中textarea高度問題？Textarea高度Chrome問題

在簡單的情況是這樣的：

<div> 
    <textarea> 
    </textarea> 
</div>

谷歌瀏覽器添加了兩個像素，因此div.height = textarea.height + 2px的。是的，我嘗試了Eric的「reset.ccs」 - 沒有工作。

P.S.當然在我的「簡單情況下」textarea和div有邊框，填充和邊距0px。

2011-08-04 Donotello

這是因爲textarea是一個替換的內聯元素。

textarea { 
    display:block; 
}

應該解決你的「問題」。

2011-08-04 10:19:12 MatTheCat

這最終確保整個Chrome和Firefox –

2px是標準的邊框尺寸。不過，所有瀏覽器都是一樣的。

這工作在Chrome，火狐..

邊框和ajusted div高度：http://jsfiddle.net/NctDT/4/

在這兩種情況下，div和textarea都完美的高度對齊。

2011-08-04 10:27:41 Sparkup

感謝同textarea的高度，實際上，這是我的錯，MatTheCat的回答幫我 – Donotello

你稍微誤解的問題。這裏是你在'textarea'上的'height'的第一個演示，在Chrome中檢查它：http://jsfiddle.net/NctDT/5/ – thirtydot

那麼，你添加'textarea {display：block;}'。+ 1爲MatTheCat – Sparkup

-1

對不起，但添加
html,body{ height:100%; } 似乎真的工作

2016-10-29 15:38:36

回答