简要回答
css中的盒子模型包括IE盒子模型和标准的W3C盒子模型
CSS盒子模型组成：外边距（margin）、边框（border）、内边距（padding）、内容（content）
标准盒子模型
宽度=内容的宽度（content）+ border + padding + margin
IE盒子模型
宽度=内容宽度（content+border+padding）+ margin
box-sizing属性
CSS3中的box-sizing 属性用来控制元素的盒子模型的解析模式，默认为content-box
content-box
标准盒子模型，又叫做 W3C盒子模型，一般在现代浏览器中使用的都是这个盒子模型，设置元素的 height/width 属性指的是content部分的高/宽
border-box
怪异盒子模型，低版本IE浏览器中的盒子模型，设置元素的height/width属性指的是border + padding + content部分的高/宽
