css: ul li ul li高度

Question

我想像所有其他菜单一样设置游戏菜单的高度，但它不起作用。怎么啦？

这是我的代码：

<ul class="menu">
   <li class="item-474 current active"><a href="/">News</a></li>
   <li class="item-482 deeper parent">
      <span class="separator">Applications</span>
      <ul>
         <li class="item-483"><a href="games.html">Games</a></li>
      </ul>
   </li>
   <li class="item-484"><span class="separator">Appearence</span></li>
</ul>

#left-menu ul.menu {
  display: block;
  list-style-type: none;
  margin-left: -40px;
}

#left-menu ul.menu li {
  display: block;
  text-align: center; 
  background: url("img/menu1.png");
  width: 208px;
  height: 31px;
  text-align: center;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#left-menu ul.menu li ul li {
  display: block;
  text-align: center; 
  background: url("img/menu2.png");
  width: 208px;
  height: 31px;
  text-align: center;
  list-style-type: none;
}

这就是结果：

​

​

Answer 1

问题是李的高度是固定的。因此，当您添加二级列表时，没有空间可供它们使用。

将height更改为min-height，一切都会正常工作。

示例：http://jsfiddle.net/FJV8b/