CSS+DIV布局，消除两个div之间的间隙问题！！！
问题如下：网页我想这样布局：两个<div>,每个div中含有一个<ul><li>..</li></ul>但是我做好后。发现无论如何设置这两个div的样式，两个块之间总有间...
问题如下：
网页我想这样布局：两个<div>,每个div中含有一个<ul><li>..</li></ul>
但是我做好后。发现无论如何设置这两个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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>布局</title>
<style>
#a {
margin:0;
width:700px;
background-color: #F00
}
#b {
margin:0;
width:700px;
background-color: #0F0
}
</style>
</head>
<body>
<div id="a">
<ul>
<li>a1</li>
<li>a2</li>
</ul>
</div>
<div id="b">
<ul>
<li>b1</li>
<li>b2</li>
</ul>
</div>
</body>
</html>
请知道的朋友帮忙解答一下，请调试好效果再回答，注意严谨- -
图片如下： 展开
网页我想这样布局：两个<div>,每个div中含有一个<ul><li>..</li></ul>
但是我做好后。发现无论如何设置这两个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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>布局</title>
<style>
#a {
margin:0;
width:700px;
background-color: #F00
}
#b {
margin:0;
width:700px;
background-color: #0F0
}
</style>
</head>
<body>
<div id="a">
<ul>
<li>a1</li>
<li>a2</li>
</ul>
</div>
<div id="b">
<ul>
<li>b1</li>
<li>b2</li>
</ul>
</div>
</body>
</html>
请知道的朋友帮忙解答一下，请调试好效果再回答，注意严谨- -
图片如下： 展开
3个回答
展开全部
CSS+DIV布局，消除两个div之间的间隙只需要在原代码中加入以下代码即可：
ul{padding:0px; margin:0px;}
表单默认是有间距的，需要手动设置它的间距为0。
ul{padding:0px; margin:0px;}
表单默认是有间距的，需要手动设置它的间距为0。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我看过你的代码了，其他的都没有问题，你只用在样式表里加上
ul{padding:0px; margin:0px;}
就可以了。
因为表单默认是有间距的，你要设置它的间距为0.
ul{padding:0px; margin:0px;}
就可以了。
因为表单默认是有间距的，你要设置它的间距为0.
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如下：
<style>
#a {
margin:0;
width:700px;
overflow:hidden;
background-color: #F00
}
#b {
margin:0;
width:700px;
overflow:hidden;
background-color: #0F0
}
<style>
#a {
margin:0;
width:700px;
overflow:hidden;
background-color: #F00
}
#b {
margin:0;
width:700px;
overflow:hidden;
background-color: #0F0
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
