導航下拉不斷推動元素低於

Question

導航欄出現問題。當它下降時，它似乎繼續推動名爲.banner-left和.banner-right的類。

我把我的代碼放在JSfiddle上，因爲我正在爲一個項目做這件事，並且不得不使用哈佛引用這樣的來源來增加剽竊百分比，即使這些工作沒有被其他地方浸出。

Link: http://jsfiddle.net/wuqa5y87 

Answer 1

你應該設置你的下拉菜單的position到absolute。

UPDATED FIDDLE

nav ul ul { 
    display:none; 
    position: absolute; } 

Answer 2

你可以嘗試添加的位置是：絕對的，以資產淨值UL李：懸停> UL

nav ul li:hover > ul { 
    display:block; 
    position:absolute; 
} 

Answer 3

下面是一個更新的小提琴鏈接：看起來像你原來的（缺少圓滑的邊緣最後 - 但你可以弄清楚如何讓他們回來，我確信）

http://jsfiddle.net/wuqa5y87/2/

nav ul ul { 
    position: absolute; 
} 

nav ul ul li{ 
    position: relative; 
    clear: both; 
} 

Answer 4

正如其他人所說，你需要絕對定位在所顯示的UL元素上，因爲它會將其從文檔的正常流程中取出。

我已經更新了這裏 http://jsfiddle.net/ryanore/wuqa5y87/3/

你撥弄你還需要一點額外的按摩，以得到正確

nav ul { 
    text-align:center; 
    margin:auto; 
    position: absolute; 

}

nav ul li ul{ 
    width: 175px; 

}