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之间存在空隙。

Answer 2

因为浏览器把元素当成了字，空隙是给一些对齐字母后仍然长出一截的预留的.
解决方法:
把body的font-size 设置成0；

这样做的时候要记得下面写div的时候给元素指定字号。

Answer 3

<div style="margin:0;padding:0"></div>