（一）、盒子模型分为两种：
（1）、第一种是W3c标准的盒子模型（标准盒模型）****
（2）第二种IE标准的盒子模型（怪异盒模型）****
弹性盒模型（flex box）弹性盒子是 CSS3 的一种新的布局模式;
（二）、标准盒模型与怪异盒模型的表现效果的区别之处：
（1）、标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。 标准盒模型下盒子的大小 = content + border + padding + margin
（2）、怪异盒模型中的width指的是内容、边框、内边距总的宽度（content + border + padding）；height指的是内容、边框、内边距总的高度。 怪异盒模型下盒子的大小=width（content + border + padding） + margin
（三）、box-sizing：CSS3指定盒子模型种类 box-sizing:content-box 指定盒子模型为W3C（标准盒模型） box-sizing:border-box 指定盒子模型为怪异盒模型
