盒子模型是网页元素所占据页面窗口的矩形范围，是网页布局的核心基础之一，这里的盒子模型与我们平常收到的包裹类似。

一个包裹从内到外，分为真实物品部分，物品与外壳之间的填充区，外壳的厚度，当多个包裹放置在一起，包裹与包裹之间的距离等要素组成。那么放到网页布局来说，也就是盒子模型。盒子是一个矩形区域，他从内

到外分为宽高度，填充，边框，边距。外边距就是该元素占据的矩形空间。

1 两个相邻块元素，在垂直方向边距不会存在叠加效应，这个时候选取上下元素2者中边距最大者作为真实边距

2 两相邻内联元素，即一行内在水平方向上存在边距叠加效应。

3 绝对布局中必须指定元素宽高，因此绝对布局无法做到宽高自适应。

css那些事儿2 盒子模型