box-sizing:border-box属性的作用

简单暴力，亲测有效！！！
一、盒子模型
盒子模型：外边距（margin）+边框（border）+内边距（padding）+content（内容）
举例：将一个div的宽高设置为500px，实际上只是设置div的内容（content），此时再设置div的padding：10px，border：1px solid red;这时div的宽高就会变成544px。
二、标准盒子模型和怪异盒子模型
标准盒子模型：border-sizing：content-box。元素宽高等于content值+padding和border的值，设置元素宽高时只是设置元素content值。
怪异盒子模型：border-sizing：border-box。盒子模型会自动根据padding和border的值来调整content的值，使总宽高等于设置的宽高。