css + div布局,我发现div中的内容会撑大本身设定的高度,要怎么解决呢? 代码如下

jsp页面:
<div id="div_user">
<ul class="none">
<li class="ls">用户名:000</li>
<li class="ls">部门:</li>
<li id="wdxx" class="ls">信息</li>
<li class="ls">退出</li>
</ul>
</div>
css:
#div_user {height: 60px; width: 130px; float: left; overflow: hidden;}
ul.none {list-style-type: none;}
li.ls {width: 120px; text-align:left; padding: 5px 0px; margin: 0px 0px 0px 0px;}
页面图片如下:

第1个回答  2012-06-07
撑大的只有在IE6里面会出现吧!其他的浏览器基本都会溢出!一般不建议写DIV的高度哦!除非一定要定义两个div高度一样!可以写一个overflow:hidden属性;将超出部分隐藏!
第2个回答  2012-06-07
你让一米八的人去穿一米五的衣服,能行么?如果你确定整个的height只能是60的话,那就把li的行高设置的小一点,li.is也不要padding:5px了。
第3个回答  2012-06-07
<style>
.biao{height:60px; width:130px; background-color:#006666;}

.biao ul li{ height:15px; width:130px; text-align:left; list-style:none; line-height:20px; }

</style>

<div class="biao">
<ul >
<li>用户名:000</li>
<li >部门:</li>
<li >信息:</li>
<li >退出</li>
</ul>
</div>

你写的太繁琐了,哪要定义那么多的class本回答被提问者采纳
第4个回答  2012-06-07
div只设定了框架的大小 把字号也设定一下吧
相似回答