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

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属性。在两个元素中添加以下内容解决了问题：

border:1px solid #ccc;