为什么相邻两个div标签之间有间隔（默认边距已清除）
将div标签设为行内块级元素，然后给div标签设置一定的宽高。为什么相邻两个div标签之间有间隔（默认边距已清除）代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0 } div{ display: inline-block; } .box1{ height: 150px; width: 150px; background-color: blue; } .box2{ height: 300px; width: 300px; background-color: yellow; } .box3{ height: 300px; width: 300px; background-color: red; } </style></head><body><div class="box1"></div><div class="box2"></div><div class="box3"></div></body></html>
容器溢出的原因是：
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之间存在空隙。
