Html 如何删除textarea下面的几个像素的空白？

每当我有一个textarea的包装时，textarea的高度与textarea的高度不匹配。底部有几个像素的边距。为什么会发生这种情况？我该如何解决

例如：

div将比textarea高几个像素

这是一把小提琴：

---

我不想显式设置父对象的高度。即使textarea调整了大小，父级也应该环绕textarea。

将

显示：block

添加到

textarea

元素

div{
边框：1px纯红；
}
文本区{
保证金：0；
填充：0；
显示：块；
}

---

这是因为

textarea

元素的

显示是
内联块
。因此，它的
垂直对齐
属性被设置为
基线
（这就是它没有按预期对齐的原因）。原因是悬挂在相邻字母/元素下方的字母，如“y”或“j”

要解决此问题，您可以将
垂直对齐
属性值更改为类似
顶部
，也可以将
文本区域的
显示
更改为
块
：



添加
显示：块到
文本区域


div{
边框：1px纯红；
}
文本区{
保证金：0；
填充：0；
显示：块；
}
我的答案使用了前面答案中的大部分代码，但添加了一个新的代码


div{边框：1px纯红色；显示：表格；垂直对齐：中间；}
text区域{边距：0；填充：0；垂直对齐：中间；}
@Linksku您的浏览器版本是什么？可能与以下内容重复：
<div>
    <textarea></textarea>
</div>

textarea {
  vertical-align: top;
}

textarea {
  display: block;
}