怎样使两个DIV上下之间没间距？
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div style=" width:691px; height:50px;border-top:0px; ">
<img src="img/jiaju_01.jpg" >
</div>
<div style="background:url(img/jiaju_04.gif) repeat-y left top; width:691px; height:50px; border-top:0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; text-align:center"; margin:auto">
</div>
<div style=" width:691px; height:9px;
border-top:0px;">
<img src="img/jiaju_06.gif" >
</div>
</body>
</html>
希望高手帮我看下！我没放图片用颜色代替两之间没间距，当我放把图片放进出就有一点间距，图片大小都对的！ 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div style=" width:691px; height:50px;border-top:0px; ">
<img src="img/jiaju_01.jpg" >
</div>
<div style="background:url(img/jiaju_04.gif) repeat-y left top; width:691px; height:50px; border-top:0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; text-align:center"; margin:auto">
</div>
<div style=" width:691px; height:9px;
border-top:0px;">
<img src="img/jiaju_06.gif" >
</div>
</body>
</html>
希望高手帮我看下！我没放图片用颜色代替两之间没间距，当我放把图片放进出就有一点间距，图片大小都对的！ 展开
展开全部
使两个DIV上下之间没间距方法：
如果想上下两个DIV间有距离的话，只需设定div中的margin属性即可，本例中div属性对全局DIV块都适用，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
<!--设置DIV块的边界为5px-->
div{margin:5px;border:0;padding:0;}
#Box1{
width:200px;
height:72px;
background-color:#666;
}
#Box2{
width:200px;
height:72px;
background-color:#F0F;
}
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>让上下两个DIV块之间没有距离</title>
</head>
<body>
<div id="Box1"></div>
<div id="Box2"></div>
</body>
</html>
如果想上下两个DIV间有距离的话，只需设定div中的margin属性即可，本例中div属性对全局DIV块都适用，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
<!--设置DIV块的边界为5px-->
div{margin:5px;border:0;padding:0;}
#Box1{
width:200px;
height:72px;
background-color:#666;
}
#Box2{
width:200px;
height:72px;
background-color:#F0F;
}
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>让上下两个DIV块之间没有距离</title>
</head>
<body>
<div id="Box1"></div>
<div id="Box2"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你看看你图片是不是有一白边。要不就是你图片的高。超出div 的高了。 你body里应该加入 margin:0 ; padding:0; 这个地方 <div style="background:url(img/jiaju_04.gif) repeat-y left top; width:691px; height:50px; border-top:0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; text-align:center"; margin:auto">
下边多了一个 ‘ ” ’
下边多了一个 ‘ ” ’
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<img src="img/jiaju_06.gif" style='margin:0px;'>
把图片的margin去一下试试
把图片的margin去一下试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以切个图片看看吗？？或许你要给这些个div都加上一个 margin:0px auto;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
