獲得漂浮的UL以正確覆蓋漂浮的DIV

我希望有更多的CSS經驗可以讓我指出正確的方向。我有一個用UL HTML創建的菜單，並使用CSS和JQuery進行樣式設計，並且一切都很好。現在，當我將內容放在菜單下方時，當菜單下降到下面的內容時，就會搞砸了。獲得漂浮的UL以正確覆蓋漂浮的DIV

我創建了這裏發生了什麼的例子： http://jsfiddle.net/utdream/FchkJ/3/

我的菜單是工作正是我想要的，但我需要它，以便在它下面的內容並不會隨着菜單被打開。那可能嗎？

我寧願不使用position: absolute;，因爲我想讓manu及其下面的內容自然滾動頁面。我只是不確定這是可能的。

在此先感謝任何人可以提供的方向！

2013-07-02 Jordan

沒有看代碼，但爲什麼不使用[使用菜單]（http://jqueryui.com/menu/）與重新創建它？ –

@RyanB因爲我想要自己做這件事的學習經歷，並將其定製爲我想要的樣子。 ;） – Jordan

，如果你不改變內容下拉菜單中的位置應該有一個position: absolute因此必須添加.MainMenu {position: absolute} ，你必須解決的下拉列表的寬度菜單

2013-07-02 18:56:00 Bugaloo

顯然我誤解了使用position：absolute。在之前的測試中，我使用它來固定菜單在整個頁面上的位置，菜單隨着滾動而移動。這篇文章幫助我重新評估職位：絕對的，這確實是我在尋找的。謝謝！ – Jordan

添加到您的CSS

#nav{position:absolute; z-index:999;}

2013-07-02 18:55:41

回答