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

但无法理解为什么文本框和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。

enter image description here

来源

2012-10-27 suresh.g

http://jsfiddle.net/c4tQB/他们不一样吗？ – kritya

但在Firefox中看到的差异。请问我可以知道 –

某些浏览器会添加额外的填充和边距，所以请使用重置 '* {margin：0;填充：0; }' – twodayslate

它在FF，IE，铬罚款。除去padding:3px;

代码这样的事情后尝试：

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

让我知道它会帮助你或不？

来源

2012-10-27 10:41:01

更好地设置填充为零。输入通常默认拥有自己的填充 – bukart

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

回答

相关问题