问题如下:
网页我想这样布局:两个<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>
请知道的朋友帮忙解答一下,请调试好效果再回答,注意严谨- -
图片如下: