用这样的布局,为什么主页面导航列表会在上面与下面产生一个空行,也就是第一行字和第二行字之间有空行,而去掉ul标签后空行就消失了.有其它让空行消失的办法吗?


<div class="main">
<div class="maintitle">主页面标题</div>
<div class="body">
<ul>
<li>主页面导航</li>
<li>主页面导航</li>
<li>主页面导航</li>
<li>主页面导航</li>
</ul>
</div>
<div class="leftbody">在此处添加主体内容</div>
</div>