举个例子，一个div设置宽度为200px，还给这个div设置了padding:10px，此时这个div宽度并不是200px了；

而设置 box-sizing: border-box 是为了避免这个情况的出现，200px就是200px，设置的padding:10px，是往200px里填充。具体可以自己写个demo看看。

border-box：

为元素设定的宽度和高度决定了元素的边框盒。

就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。

通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。