box-sizing: border-box；盒子包含内外边距及边框

正常盒子模型高宽都包含了内外边距及边框的值。

盒子最终的大小的高包括：边框、外边距、内边距、高度。高度与内外边距及边框分表计算

盒子最终的大小的宽包括：边框、外边距、内边距、高度。宽度与内外边距及边框分表计算

设置box-sizing: border-box;后，盒子最终的大小的宽高height的大小，盒子最终的大小的宽 width的大小。

原始盒子模型：

加入box-sizing: border-box;属性后