box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。它是CSS3里的属性。
W3C 盒子模型：标准盒模型，是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是标准盒模型，它也是标准 w3c 盒子模型。
盒子模型由四部分构成，外边距(margin)、边框(border)、内边距(padding)、内容content，box-sizing 就是指定盒子的大小和结构的。
box-sizing: content-box; //默认值 盒子的宽高 = 内容宽高
box-sizing: border-box; // 盒子的宽高 = width宽高 + 内边距 + 边框
box-sizing: inherit; // 规定从父元素继承此值
box-sizing属性的取值可以为content-box或border-box，对它们的解释如下。
●content-box：浏览器对盒模型的解释遵从W3C标准，当定义width和height时，它的参数值不包括border和padding。
●border-box：当定义width和height时，border和padding的参数值被包含在width和height之内。