Textarea高度Chrome问题

Question

有没有人有解决方案在Chrome中textarea高度问题？

在简单的情况是这样的：

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

谷歌浏览器添加了两个像素，因此div.height = textarea.height + 2px的。是的，我尝试了Eric的“reset.ccs” - 没有工作。

P.S.当然在我的“简单情况下”textarea和div有边框，填充和边距0px。

Answer 1

这是因为textarea是一个替换的内联元素。

textarea { 
    display:block; 
} 

应该解决你的“问题”。

Answer 2

2px是标准的边框尺寸。不过，所有浏览器都是一样的。

这工作在Chrome，火狐..

无国界：http://jsfiddle.net/NctDT/2/

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

在这两种情况下，div和textarea都完美的高度对齐。

Answer 3

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