border-box 和 content-box

标准盒模型

box-sizing:content-box  //默认样式

在标准盒子模型中，width 和height 指的是内容区域的宽度和高度。 增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。

border-box（开发中常用之）

box-sizing:border-box

width 和height 再包含Padding和Border的宽度和高度