HTML div宽度和文本框宽度不相等

我尝试了以下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" />

.测试
{
边框：1px纯红；宽度：100px；高度：30px；填充：3px；
}
div

下面是我在firefox中得到的

---

它在FF（即镀铬）中运行良好。删除

填充后尝试：3px

代码如下：

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


.测试
{
边框：1px纯红；宽度：100px；高度：30px；
}

让我知道它是否对你有帮助？
它们不一样吗？但在firefox中，我看到了不同之处。请告诉我，我们在firefox和chrome上试过了。我看到了相同的宽度。测试了@kritya的小提琴，在chrome、firefox、opera中效果很好。在firebug（css、html布局）中检查。最好将填充设置为零。默认情况下，输入通常有自己的填充