我怎樣才能使這個子菜單100％的高度？

Question

我有這個菜單here，我想子菜單是100％的高度，像頂級菜單是。
但子菜單鏈接應該停留在它們所在的位置，只有黑色背景應該具有100％的高度。

我試過height:100%在#subMenusContainer，但我認爲它只是它的所有鏈接的高度。

我是否必須用JS讀取頁面的高度，然後計算邊距/高度？
還是有一個簡單的版本與CSS？

對於這個例子，我使用Mootools Menumatic，但在jsFiddle中我沒有使用JS，我只發佈了代碼。

當您將鼠標懸停在產品上時，導航應該看起來像this之一。

Greets Max

Answer 1

我已經做了一些tweeks到您的CSS，這是所需的效果？ - http://jsfiddle.net/ajthomascouk/JPtRb/

我基本上做了以下：

i）用的容器具有透明background-color，一個width和藏在overflow

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

ⅱ）得到#nav黑色background-color和一個height的100％（把它改成你想要的）

#nav{background-color:#000; height:100%;} 

三）改變了top:60px到padding-top:60px上#nav IV）用於borders以獲得所需的效果：

#nav ul{border-top:1000px solid #000; border-bottom:1000px solid #000; position:relative; top:-965px; }

我想這是你試圖實現...？