css - 为什么我的文本字段和文本区域在宽度相同时不对齐？

Question

这是最简单的例子：

<textarea id="text_area" name="text_area" style="width:280px">
</textarea>
<input id="text_field" name="text_field" style="width:280px" type="text" />

Answer 1

尝试将填充和边距值设置为 0px。

Answer 2

我还必须设置边框属性。将以下内容添加到两个元素可以解决问题：

border:1px solid #ccc;