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>

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