Css 文本区域高度问题

有人能解决Chrome中的文本区域高度问题吗

在这种简单的情况下：

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

谷歌浏览器增加了两个像素，因此div.height=textarea.height+2px。是的，我试过Eric的“重置.ccs”-没用

---

当然，在我的“简单案例”中，textarea和div有边框、填充和边距0px。

这是因为

textarea

是一个替换的内联元素

textarea {
    display:block;
}

---

应该可以解决您的“问题”。

2px

是标准边框大小。但在所有浏览器中都是一样的

这适用于Chrome、Firefox

无国界：

边框和调整的

div

高度：

---

在这两种情况下，

div

和

textarea

在高度上都完全对齐。

对不起，但是添加了

html，正文{
身高：100%；
}

---

看起来真的很管用

谢谢，事实上，这是我的错，MatTheCat的回答帮了我你对这个问题有点误解。这是您的第一个演示，只在

textarea

上显示

height

，在Chrome中检查它：好吧，然后添加

textarea{display:block；}

）+1对于MattheCatt，这最终确保了Chrome和Firefox的文本区域高度相同。我认为

文本区域下方的额外边距是因为为文本下降者留出了空间。例如，您还可以在父项上设置
行高
/
字体大小
以增加/减少它，或者在
文本区域
上设置
垂直对齐
@Ben J yep，
垂直对齐
顶部

或

底部

将解决此问题。