html - css width 属性为不同的元素提供不同的输出

Question

我为 2 个元素设置了相同的宽度，一个是表单的输入文本字段，另一个是 div。但是它们在显示时都呈现不同的宽度。输入字段似乎比 div 元素更宽。有人可以向我解释如何解决吗？输入字段显示更多宽度是否有固定比例？帮助我。

Answer 1

使用:

input
{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

Working Fiddle