css盒模型

简介：就是用来装页面上的元素的矩形区域。
CSS中的盒子模型包括IE盒子模型和标准的W3C盒子模型。

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

故这使得在计算整个盒子的宽度时存在着差异：
标准盒子模型的盒子宽度：左右border+左右padding+width
IE盒子模型的盒子宽度：width

在CSS3中引入了box-sizing属性，box-sizing(有3个值哦)：border-box,padding-box,content-box。
box-sizing:content-box;表示标准的盒子模型；
box-sizing:border-box表示的是IE盒子模型。