使我的标签高度适合容器

Question

目前我有一些导航<nav>标签。我已将nav标签放在宽度为100％的容器中。但当我将容器高度设置为<ul>＆amp;当点击被切断而不是按比例缩小时<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/

Answer 2

百分比适用于浏览器为页面设置的默认高度。

因此，如果50％表示 #container 占网页高度的50％，那么您也必须拥有此权限：

html, body {
    height:100%;
    min-height:100%;
}