box-sizing用来告诉浏览器如何计算一个元素的宽度和高度；
盒子的四个组成区域：内容content、内边距padding、边框border、外边距margin
box-sizing有三个属性值：content-box、border-box、inherit
标准盒模型：box-sizing:content-box;
元素的总宽度和总高度就是内容的宽度和高度；
IE盒模型：box-sizing:border-box；
元素的总宽度包括内容，内边距和边框
总结：
对于给定width和height的元素，设置box-sizing会影响盒子的content width和content height。
浏览器默认使用content-box，我们设置的宽高就是内容的宽高。
