html - 为什么 100% 的输入宽度总是超出包含的 div？

Question

请注意 fiddle :http://jsfiddle.net/cBWaG/4/

我有一个带有填充物的容器。我想要的是输入(文本)在填充内的宽度为 100%。目前虽然它超过了填充。关于如何在不必使用固定宽度的情况下防止输入超出容器/填充的建议？

谢谢

Answer 1

试试这个

input[type="text"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}

Demo