一、概念
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距，内边距，边框，内容。
盒模型分类：标准盒模型、IE盒模型
1.1 标准盒模型
1.1 IE盒模型
1.3 标准模型和IE模型的区别
不同盒模型的区别在于元素设置的
width/height的值所包括的范围；可通过设置box-sizing属性进行修改默认宽高大小范围。
-
通用公式：盒模型大小 = content + padding + border + margin；
-
标准盒模型的总宽高（默认
box-sizing:content-box）等效宽高：width/height = content
等价公式：盒模型大小 = width/height + padding + border + margin；
-
IE盒模型的总宽高小（默认
box-sizing: border-box）：等效宽高：width/height = content + padding +border;
等价公式：盒模型大小 = width/height + margin；
