CSS切断输入框的末尾

Question

为了善良!为什么我的输入框被切断了？我已经调查了铬的填充和边距,我看不到它是什么造成的.我是新手,但它仍然是一个谜.

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;

查看更新的小提琴> http://jsfiddle.net/GCt3z/2/