盒模型

什么是盒模型

当对一个文档进行布局的时候，浏览器的渲染引擎会将所有的元素表示为一个个矩形的盒子，CSS 决定这些盒子的样式

盒模型的分类

盒模型分为 IE盒模型 和 标准盒模型
它们的主要区别在于 width 属性所包含的大小

IE 盒模型

• width/height = content+padding+border
• box-sizing: border-box;

标准盒模型

• width/height = content
• box-sizing: content-box;