Textarea高度Chrome问题

Question

是否有人在Chrome中解决textarea高度问题?

在这样的简单情况下:

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

Google Chrome添加两个像素，所以div.height = textarea。高度+ 2px。是的，我尝试了埃里克的"重置"。

注:当然，在我的"简单情况"中，textarea和div的边框，内边距和外边距为0px。

Answer 1

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

textarea {
    display:block;
}

应该能解决你的"问题"

Answer 2

2px为标准边框尺寸。在所有浏览器中都是一样的。

这适用于Chrome, Firefox..

无边框:http://jsfiddle.net/NctDT/2/

边框和调整后的div高度:http://jsfiddle.net/NctDT/4/

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

Answer 3

抱歉，但添加
html,body{ height:100%; }