我定义了一个CSS,定义一个div的高度为auto;和定义了边框,然后在这个div里面放入了一个 <ul>,没个<li>里面都有3个<div>,但是浏览的时候最外面的div个的高度只有一点点的,如图:
部分代码:
<div class="t01_kuai">
<ul>
<li>
<div class="qypic"><img src="images/qy_03.gif" width="87" height="89" /></div>
<div class="qyname">老鼠爱大米有限公司</div>
<div class="read"><a href="#">>>详细内容</a></div>
</li>
<li>
<div class="qypic"><img src="images/qy_03.gif" width="87" height="89" /></div>
<div class="qyname">老鼠爱大米有限公司</div>
<div class="read"><a href="#">>>详细内容</a></div>
</li>
<li>
<div class="qypic"><img src="images/qy_03.gif" width="87" height="89" /></div>
<div class="qyname">老鼠爱大米有限公司</div>
<div class="read"><a href="#">>>详细内容</a></div>
</li>
<li>
<div class="qypic"><img src="images/qy_03.gif" width="87" height="89" /></div>
<div class="qyname">老鼠爱大米有限公司</div>
<div class="read"><a href="#">>>详细内容</a></div>
</li>
</ul>
</div>
部分css:
.t01_kuai{border:1px #C8D1C0 solid;
height:auto;
}.kuan_right ul{font-size:12px;
list-style:none;
padding-left:10px;
line-height:22px;
}
.kuan_right li{
}
.qypic{ width:87px;
height:89px;
float:left;
margin-bottom:12px;
}
.qyname{float:right;
width:100px;
height:60px;
line-height:30px;
margin-right:10px;
margin-bottom:12px;
}
.read{float:right;
width:80px;
height:29px;
margin-right:10px;
text-align:right;
}
有点乱,希望各位高手大侠帮帮忙,不甚感激,在下菜鸟,
(您当前的积分是5分)没分了