永发信息网

div+css div 高度问题

答案:1  悬赏:0  手机版
解决时间 2021-05-17 18:03
  • 提问者网友:战皆罪
  • 2021-05-16 18:35

我定义了一个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="#">&gt;&gt;详细内容</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="#">&gt;&gt;详细内容</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="#">&gt;&gt;详细内容</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="#">&gt;&gt;详细内容</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分)没分了

最佳答案
  • 五星知识达人网友:深街酒徒
  • 2021-05-16 19:40

浮动问题引起的,这样应该可以了


<div class="t01_kuai">  


......


<div style="clear:both;font-size:0;overflow:hidden;height:0px"></div>


</div>

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯