一、外边距冲突

当遇到上元素设置下外边距，下元素设置上外边距时，浏览器不会把两个外边距相加，而是取大值。

例如：

div.first{

margin-bottom:10px;

}

div.second{

margin-top:15px;

}

运行结果：上下外边距取15px，而不是25px

解决方案：

方案一：设置一个合并后的margin。

方案二：将其中一个margin设置成padding。

二、外边距设为负值，去掉空白

三、行内元素<img>

一般行内元素，无法设置width/height/margin，但<img>除外