CSS 中规定每个盒子分别由：内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）构成，这就是盒子模型。
盒子模型分为两种
第一种是W3c标准的盒子模型（标准盒模型） box-sizing: content-box;
第二种IE标准的盒子模型（怪异盒模型） box-sizing: border-box;
标准盒模型与怪异盒模型的表现效果的区别之处：
- 标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。
标准盒模型下盒子的大小 = content + border + padding + margin
- IE盒模型中的width指的是内容、边框、内边距总的宽度（content + border + padding）；height指的是内容、边框、内边距总的高度
IE盒模型下盒子的大小=width（content + border + padding） + margin
