含义： 外边距是指在盒子结构中，盒子的边框线，跟盒子的外部其他元素之间的一段空白区域。 我们能设置的就是这个空白区域的大小（宽度）。 它的属性设置和含义，跟内边距（padding）非常类似： ``` margin-top：1px； //上外边距 margin-right：2px； //右外边距 margin-bottom：4px； //下外边距 margin-left：8px； //左外边距 ``` ``` margin：宽度1 [宽度2] [宽度3] [宽度4]； //同时设置4个方向，用的最多，推荐使用。 ``` 演示：  做法1（不带边框）：  做法2（带边框）：  外边距的“重叠性”： 当两个垂直方向的外边距（即margin-top和margin-bottom）挨在一起的时候（就是垂直方向上相邻），则这两个外边会“重叠在一起”，表现为只有更大的那个外边距的高度(本来“按理”是两个相加的高度)。 情况1： margin-bottom和margin-top相邻（挨着）：  情况2： 两个margin-top相邻（此时其实是两个嵌套的div）。 （两个margin-bottom道理一样）