Question

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;}
页面图片如下：

Answer 1

撑大的只有在IE6里面会出现吧！其他的浏览器基本都会溢出！一般不建议写DIV的高度哦！除非一定要定义两个div高度一样！可以写一个overflow：hidden属性；将超出部分隐藏！

Answer 2

你让一米八的人去穿一米五的衣服，能行么？如果你确定整个的height只能是60的话，那就把li的行高设置的小一点，li.is也不要padding:5px了。

Answer 3

<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

Answer 4

div只设定了框架的大小 把字号也设定一下吧