UC知道CSS+DIV布局，消除两个div之间的间隙问题！！！
来源：百度知道 编辑：UC知道 时间：2024/05/15 10:02:06
问题如下：
网页我想这样布局：两个<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>,每个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>
CSS+DIV布局，消除两个div之间的间隙只需要在原代码中加入以下代码即可：
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
}
我看过你的代码了，其他的都没有问题，你只用在样式表里加上
ul{padding:0px; margin:0px;}
就可以了。
因为表单默认是有间距的，你要设置它的间距为0.