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>

告诉我它是否对您有帮助？