1、盒模型与怪异模型的设置
当设置为box-sizing:content-box时，将采用标准模式解析计算（默认模式）；
当设置为box-sizing:border-box时，将采用怪异模式解析计算；
2、盒模型
在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），
元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分，
这就是盒子模型。
在标准模式下的盒模型如下图所示，盒子总宽度/高度=width/height+padding+border+margin
3、怪异盒模型
在怪异模式下，盒子的总宽度和高度是包含内边距padding和边框border宽度在内的，盒子总宽度/高度=width/height + margin = 内容区宽度/高度 + padding + border + margin;
