关于标准盒模型和怪异盒模型的区别
标准盒模型
如图，标准盒模型的width为content的width,height为content的height
一个完整的盒子模型的宽度计算方式为
width+padding-left+padding-right+border-left+border-right+margin-left+margin-right
即width+左右内边距+左右边框+左右外边距
怪异盒模型
如图，怪异盒模型的width包括padding和border
一个完整的盒子模型的宽度计算方式为：
width+margin-left+margin-right
总结
标准盒模型计算方式=width+左右内边距+左右边框+左右外边距
怪异盒模型计算方式=width+左右外边距
在css3中box-sizing
**box-sizing: content-box || border-box || inherit ***
content-box：计算方式为标准盒模型，默认
border-box：计算方式为怪异盒模型