CSS盒子模型和怪异盒子模型
盒子模型与怪异模型展示效果差异：
标准盒子(W3c标准)：大小 = width(content) + border + padding + margin
怪异盒子(IE标准)：大小 = width(content + padding + border) + margin
布局采用哪种盒子模型，通过属性box-sizing可以设置：
-
content-box： 默认值，border和padding不算到width范围内，可以理解为是W3c的标准模型(default)
-
border-box：border和padding划归到width范围内，可以理解为是IE的怪异盒模型
-
padding-box：将padding算入width范围