Question

DIV+CSS 谁能帮我看看这段代码

定义的CSS样式：
.main {width:590px;height:165px;padding-left:5px;float:left;}
.middle {background-color:#f9c;width:293px;height:137px;margin:0px 4px 0px 0px;float:left;}
.right {background-color:#33c;width:293px;height:137px;float:right;}
li {list-style-type:none;}
.li_text {height:20px;line-height:20px;margin-left:10px;}

套用：
<ul class="main">
<li><img src="images/djdt.gif" alt="" />
<div class="middle"></div>
<div class="right"></div>
</li>
</ul>

在DW的设计面看到上面的图片和下面的两个色块之间是连在一起的，可是在浏览器中，发现色块的顶部多出5像素的白边。

请问该如何解决？

Answer 1

.middle {background-color:#f9c;width:293px;height:137px;margin:0px 4px 0px 0px;float:left;position: relative; bottom: 3px;}
.right {background-color:#33c;width:293px;height:137px;float:right;position: relative; bottom: 3px;}
改了这两个，你试试？