UC知道CSS样式,帮我看一下,子div顶部和父div怎么有个间距?
来源：百度知道 编辑：UC知道 时间：2024/07/07 23:20:20
预览子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>
以下是部分代码:
<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;
}
即可。
祝你成功！
<div style="margin:0px; width:600px; background:#FF66CC; text-align:left;">
你是否用ie6来看效果?
ie7以上和其他浏览器不会有这种效果,
如果你要在ie6去除这个间距,你必须设置子div: font-size:0
因为你没有内容