Question

为什么两个div标签之间有空隙？

Answer 1

两个DIV之间的空隙通常情况下是由于容器溢出或者主动设置空隙造成。
容器溢出的原因是：
1、DIV内元素高度或者宽度总和比设置的DIV的Height或者Width参数要大，还有就是浏览器对DIV参数的解析造成（比如在IE7中，设置一个DIV
float:right，如果再设置其margin-right:XXXpx;，则有可能会产生右边实际margin-right:2xxxpx的效果）。再有就是未设置某项值时，系统默认值导致。楼主的图片中极有可能是由于内部元素没有设置margin-top参数或者margin-top设置过大，导致上层div溢出。
2、由于两个相邻div之间主动设置了margin空隙，如图，div2（也就是下面的动画或者图片所在的DIV）设置了margin-top大于0的情况。就会导致两个DIV之间存在空隙。