DIV标签与浏览窗口有间隙,怎么解决?

代码如下:
<style type="text/css">.flash {
height: 120px; top:0; background:url(imags/flash.gif);
width: 100%;
}
.daohang {
height: 41px;
width: 100%;
background-image: url(imags/fenlei.gif);
}
.xia {
height: 500px;
width: 100%;
}
#div1 {position:absolute;left:0;width:100%; height:600px;z-index:1; background:url(imags/bg2.gif);}
#div2 {position:absolute;left:0;width:100%; height:400px;z-index:2;}
.beijing { height: 800px;
width: 100%;
}
</style></head>
<body><div class="beijing">
<div class="flash">此处显示新 Div 标签的
内容</div>
<div class="daohang">
此处显示 class "daohang" 的内容
</div>
<div class="xia">
<div id="div1"></div>
<div id="div2">
<div style="width:600px; height:400px;margin:0 auto; background-color:#FFFFFF">网站设计</div>
</div>
</div>
</div>

  你好!这种情况是因为你没有将body区做处理,你只要在body里加一个CSS样式margin:0;padding:0,这样子就可以解决了,因为本身新建的页面都有上右下左都是有一定的间隙的,如果你将body属性4个方位都设置为0,那自然整个页面就成了0间隙了。现在网站制作都是要用这个的,除非有特殊的说明,否则都要加上!
  希望我的这个回答能令你满意!
温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-11-27
body,html{padding:0;margin:0}
第2个回答  2012-11-27
*{padding:0;margin:0}
第3个回答  2012-11-27
1楼正确