如何理解盒模型？

1.使用场景

 常用于页面布局，PC端和移动端

2.概念

 css定义所有元素都可以拥有像盒子一样的外形和平面空间，包括内容区(content)、内边距(padding)、边框(border)、外边距(margin)，如下图是一个标准盒模型：

3.盒模型的分类

 标准盒模型 和 IE盒模型（也称怪异盒模型）

4.标准盒模型和IE盒模型的区别？

（1）标准盒模型的width和heigth属性的范围只包括content；
（2）IE盒模型的width和heigth属性的范围包括了content、border、padding ，如：示例

box-sizing：border-box; //ie盒模型
box-sizing：content-box; //标准盒模型盒模型