側欄移動時懸停在導航按鈕

Question

我有一個導航欄與按鈕，當你把鼠標懸停在他們上面。問題在於內容也隨之增加。就好像內容不會與其容器保持靜態一樣。我正在使用z-index，因此很多定位必須是相對的，但是玩其他定位似乎沒有幫助。這一直使我瘋狂。有什麼建議麼？

鏈接，隱私刪除，或任何

我直接鏈接到完整的頁面可顯示完整的問題。對不起，如果有一個反對的規則;我是新來的。

此外，它還沒有完成，代碼是真的馬虎，所以，你知道，不要判斷。

Answer 1

首先，您的導航的HTML無效。你有錨標籤包裝列表項。由於浮動元素，你也會做很多帶負邊界的技巧。最好添加overflow：hidden;到您的nav ul並實際將這些元素重新放回到視口中。

但是，要快速解決您的問題，您需要清除您的內容，以免導航中的定位影響到您的內容。見下文。

#content { 
    clear: left; 
}