请教 我加大了页面ul元素下的li元素的文字大小，现在上下两行的文字拥挤，请问用 js怎么修改li元素的高度

设置行高即可：

<ul class="room" style="font-size:24pxline-height:1.5">

ul定位为position：absolute，bottopm：0px，height：auto

ul上层的div为position：relative，高度比ul 略高（高出鼠标悬停时li的高度增加量）。

剩下的就是li鼠标悬停时高度变高。

呃，简单的实现了一下，有问题hi联系。。。

<style>

*{

padding:0px

margin:0px

}

#nav{

height:120px

width:100px

position:relative

}

#nav ul{

position:absolute

bottom:0px

left:0px

width:100px

}

#nav ul li{

height:20px

line-height:20px

text-align:center

list-style:none

background:#F00

border-top:1px solid #fff

}

#nav ul li:hover{

height:30px

line-height:30px

}

</style>

<div id="nav">

<ul>

<li>test1</li>

<li>test2</li>

<li>test3</li>

<li>test4</li>

<li>test5</li>

</ul>

</div>

---