content、padding、border、margin
标准盒模型（content-box）、ie怪异盒模型（border-box）、flex弹性伸缩盒模型、column多列盒模型
怪异盒模型的好处，固定到border控制宽高，不用重新计算padding和border
1. 其实我们最常用的就是标准盒模型，标准盒模型写的width和height代表的是内容的宽高，
3. 并不是盒子的宽高，盒子的宽高是content+padding+border计算得来的，这个容易在项目中遇到一些问题，
padding和border都会撑大盒子，所以给了盒子padding和border之后，需要手动更改一下宽高。
后来CSS3添加了ie盒模型，我们写的宽高是盒子的大小，当我们给盒子添加了padding与border值之后，
盒子的大小不会改变，会自动缩放内容，这个用起来比较方便，所以我在真实项目中大多数都使用IE盒模型。
3. 在做移动端开发的时候，多应用于flex弹性伸缩盒模型
flex详见阮一峰的flex布局
————————————————
