什么是盒子模型

盒子模型本质上是一个盒子，模型定义了盒的每个部分，包括：

外边距、边框、内边距、实际内容 —— 这些合在一起就变成了我们在页面上看到的内容。

完整的盒子模型应用于块级盒子，而内联盒子只使用盒模型中定义的部分内容。

1.Content box：内容区域。

2.Padding box：内边距，内容区域外部的空白区域。

3.Border box：边框，包裹内容和内边距。

4.Margin box：外边距，是盒子和其它元素之间的空白区域。