css盒模型分为ie盒模型和标准盒模型和弹性盒子
一个盒子由外到内可以分成四个部分：(margin)（外边距）、border（边框）、padding（内边距）、content（内容）。会发现margin、border、padding是CSS属性，因此可以通过这三个属性来控制盒子的这三个部分。而content则是HTML元素的内容。
W3C标准下，盒子模型从外到里分别为magin（外边距）、border（边框）、padding（内边距）、content（内容），width随内容大小改变而改变。
盒子总宽度=width+margin+border+padding
IE盒子模型也叫变态盒子模型IE盒子与标准盒子模型的区别在于，给元素设定的width和height属性范围为 border+padding+conte，width大小不能被内容改变。
实现IE盒子模型,只需要给想要变成IE盒子模型的元素添加box-sizing：border-box
盒子总宽度=width+margin
同样的数据下，border-box是比content-box要小的。
