发现一个很有意思的地方， chrome和ie9之前的版本_html/css_WEB-ITnose

<div style="border:1px solid red;width:300px;height:200px;"><div style="border: 1px solid black;background:pink"><h1 style="margin-top: 20px">2</h1></div></div>

如果把第二个div设置一个border， 

那么这个div的背景色就会和第一个div的上边框重叠，

如果不设置这个border的话，   那么这个div的背景色就会和上面空出来一部分， 这部分的大小等于

这里margin-top设置的大小


这个怎么解释？。

我用ie9没这个情况，ie8和chrome都是这样

回复讨论(解决方案)

有chrome或者ie8的朋友可以把第二个div的border去掉， 看看区别

2楼的我做其它页面时用过 ， 
不过那次img src的图片不显示了不知道为什么

我用的是*{padding:0;margin:0;}

img{display:inline-block;}

谷歌一下margin 方面的资料好好看一下！！！