简述css盒模型

css盒模型就是用来装页面上的元素的矩形区域。
CSS中的盒子模型包括标准的W3C盒子模型和IE盒子模型（别称 怪异盒模型）。弹性盒模型是CSS3新增的属性，不要和这两个搞混了。
总体来说，盒模型如下如所示，别骂了别骂了，绘画能力有限：

这两种盒子模型最主要的区别就是width的包含范围：在标准的盒子模型中，width指content部分的宽度；在IE盒子模型中，width表示content+padding+border这三个部分的宽度。当然height也有所区别，在标准的盒子模型中，height指content部分的高度；在IE盒子模型中，width表示content+padding+border这三个部分的高度。