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>

让我知道它会对你有帮助吗？