Textarea高度Chrome问题

Question

有没有人在Chrome中解决textarea身高问题？

在这种简单的情况下：

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

Google Chrome添加了两个像素，因此div.height = textarea.height + 2px。是的，我尝试Eric的“reset.ccs” - 没有用。

P.S。当然，在我的“简单案例”中，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%; }
真的好像工作