input 加了padding 属性后破坏样式：加样式box-sizing:border-box

盒模型box-sizing:

取值：

1.content-box   默认值，标准盒模型，padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即width + border + padding，表现为标准模式下的盒模型

2.border-box   padding和border不被包含在定义的width和height之内content包含了元素的border和padding

3.inherit    继承父元素的盒模型模式

解决问题：

input 加了padding 属性后破坏样式
边框和填充被计算到盒模型内，不会破坏布局