Javascript 如何使此子菜单达到100%的高度？

我有这个菜单，我希望子菜单像顶部菜单一样100%高。
但是子菜单链接应该保持在它们所在的位置，只有黑色背景应该有100%的高度

我在

#subMenusContainer

中尝试了

height:100%

，但我认为这只会使它成为其中所有链接的高度

我必须用JS读取页面的高度，然后计算页边距/高度吗？
还是有一个更简单的css版本

对于这个例子，我使用Mootools菜单，但在JSFIDLE中我没有使用JS，我只发布了代码

当您将鼠标悬停在产品上时，导航应该看起来像一个

---

欢迎Max我对你的CSS做了一些修改，这是你想要的效果吗

我基本上做到了以下几点：

i） 使容器具有透明的

背景色

，宽度，并隐藏溢出的

#container{background-color:transparent; overflow:hidden; width:400px}

ii）将#nav设置为黑色
背景色
，并将
高度
设置为100%（将其更改为您想要的）

iii）将
导航上的
顶部：60px
更改为
填充顶部：60px
iv）使用
边框
以获得所需效果：

#nav ul{边框顶部：1000px实心#000；边框底部：1000px实心#000；位置：相对；顶部：-965px；}

我认为这就是您试图实现的目标…？
是的，但是没有javascript。在JS激活的情况下，它不起作用。这就是我想要的导航：那么你的代码@madmax就有问题了。检查更新后的jQuery，它仍然可以工作。在fiddle-only css中，当我将css和js代码复制到我的项目中时，它可以工作，但高度不能达到100%。它应该在小提琴中工作吗？你在哪个浏览器中检查小提琴？
#nav{background-color:#000; height:100%;}