javascript - 将我的标签高度放入容器中

Question

目前我有几个导航<nav>标签。我已将导航标签放置在宽度为 100% 的容器中。但是当我将容器高度设置一定百分比时 <ul> & <li> nav 中的标签当点击被切断而不是缩小时。我该怎么做？

这是我的CSS代码；

#container
{
    position: absolute;
    top: 30px;
    left: 50px;
    width: 100%;
    height: 50%;
    background-color: #000000;
}

下面是我的源代码。

http://jsfiddle.net/eMLTB/107/

Answer 1

代替

height: 50% 

你能用吗

min-height: 50%

因为这意味着 min-height 将是 50% 但它不会限制它，以防容器包含大量内容，这将超过 50% 的高度容器

演示 http://jsfiddle.net/eMLTB/109/