盒模型

我们常说的盒模型一般是指css中的标准盒模型,这种盒模型下盒子的大小是指 width + height + padding + border 的结果，我们在使用的时候常常要自己经过计算才能很好的实现设计稿的效果，所以使用不是很方便。
还有一种盒模型我们成为IE盒模型或者怪异盒模型,这个盒模型的实现最先是在IE浏览器上使用的,css3吸取了这种规范,发展出了一种新的盒模型规范,可以通过在 box-sizing:border-box 实现，这种盒模型的中盒子的大小就是由 width 和 height 决定的，如果设置 border 或者 padding 会自动计算，不论我怎么调整padding和border的大小，盒子的大小是不会发生变化的，这种盒模型使用起来很方便，我在项目中几乎全部是这种盒模型了，而且我看了一些优秀的框架，比如 bootscript 和 elementui 他们中的公共样式使用的也是这种盒模型。
严格来说还有一种盒模型叫:弹性盒模型