盒子模型

盒子模型：实际尺寸+padding+border+margin。

一个元素（块元素）在页面中，所占据的实际区域，水平方向分别由7个部分组成。

按从左往右的顺序，分别是：左外边距，左边框，左内边距，实际区域，右内边距，右边框，右外边距。

按从上往下的顺序，分别是：上外边距，上边框，上内边距，实际区域，下内边距，下边框，下外边距。

以上就是盒子模型的概念。

盒子模型对内联元素不起作用，内联元素加margin/padding上下无效。