html - HTML div の幅とテキストボックスの幅が等しくありません

Question

HTMLで次のコードを試しました。

しかし、テキスト ボックスと div の幅が同じサイズでない理由を理解できません。

これが私が試したことです。

<style>
.test
{
  border:1px solid red;width:100px;height:30px;padding:3px;
}
</style>

<div class="test">div</div>
<input type="text" value="text box" class="test" />

以下はfirefoxで入手しました。

Answer 1

FF、IE、CHROME で問題なく動作します。削除してから試すpadding:3px;

次のようにコーディングします。

 <style>
    .test
    {
        border:1px solid red;width:100px;height:30px;
    }
</style>

それがあなたを助けるかどうか教えてください。