什么是盒子模型？

当对页面布局的时候，浏览器会根据css-box模型将所有元素描述为一个个盒子。

盒模型分类

• IE盒模型 = 内容宽高 + border + padding
• 标准盒模型 = content

IE盒模型

标准盒模型(只管内容宽高)

css3支持改变盒子模型

box-sizing:content-box;  // 标准盒模型

box-sizing:border-box;  // 怪异盒模型
width = border + padding + 内容的width
height = border + padding + 内容的height。