CSS样式,帮我看一下,子div顶部和父div怎么有个间距?

预览子div顶部和父div有个间距,这间距是怎么来的,我不明白.
以下是部分代码:

<style type="text/css">
<!--
body{ font-family:Verdana;font-size:9px;}
-->
</style></head>
<body>
<div style="text-align:center; background:#ccc;">
<div style="margin:0 auto; width:600px; background:#FF66CC; text-align:left;">
</div>
</div>
</body>

我先后在FF和IE里面浏览了下,都没有出现你所说的”子div顶部和父div有个间距“,而只有最顶段,也就是父DIV的上面有一段空白处,我想你说的就是这个吧。
这个很简单,这是由于浏览器的CSS默认值造成的,一般的浏览器的HTML或BODY的margin-top默认值为10px左右,你又要加上一句:
body,html{
margin:0px;
}
即可。
祝你成功!
温馨提示:答案为网友推荐,仅供参考
第1个回答  2008-12-08
<div style="margin:0px; width:600px; background:#FF66CC; text-align:left;">
第2个回答  2008-12-08
你是否用ie6来看效果?
ie7以上和其他浏览器不会有这种效果,
如果你要在ie6去除这个间距,你必须设置子div: font-size:0
因为你没有内容