html - CSS 截断输入框的末尾

Question

看在上帝的份上!!为什么我的输入框右边被截断了？我查看了 chrome 中的填充和边距，但看不出是什么原因造成的。我对此很陌生，但这仍然是一个谜。

http://jsfiddle.net/GCt3z/1/

Answer 1

因为它是 100% + 10px(填充)+ 2px(边框)宽。尝试使用:

-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;

查看更新的 Fiddle > http://jsfiddle.net/GCt3z/2/