使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。 [TOC] # 1. 清除元素的默认内外边距 为了更方便地控制网页中的元素，制作网页时，可使用如下代码清除元素的默认内外边距： ```css * {   padding:0;         /* 清除内边距 */   margin:0;          /* 清除外边距 */ } ``` 注意： 行内元素只有左右内外边距，没有上下内外边距。 内边距，在ie6等低版本浏览器也会有问题。我们尽量不要给行内元素指定上下的内外边距就好了。 <br/> # 2. 相邻块元素垂直外边距的合并 当上下相邻的两个块元素相遇时，如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top，则他们之间的垂直间距不是margin-bottom与margin-top之和，而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并（也称外边距塌陷）。  * 解决方案： 避免就好了。 <br/> # 3. 嵌套块元素垂直外边距的合并 对于两个嵌套关系的块元素，如果父元素**没有上内边距及边框**，则父元素的上外边距会与子元素的上外边距发生合并，合并后的外边距为两者中的较大者，即使父元素的上外边距为0，也会发生合并。  解决方案： 1. 可以为父元素定义1像素的上边框或上内边距。 2. 可以为父元素添加`overflow: hidden`。 ...