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プロパティも設定する必要がありました。両方の要素に以下を追加すると、問題が修正されました。

border:1px solid #ccc;