居中並保持居中水平下拉菜單

Question

我創建了一個固定的，寬度爲100％的導航欄，它跨越了我的頁面頂部;唯一的問題是我無法獲得下拉菜單標題，因爲頁面調整大小時仍保持居中狀態，或者就此而言，它們現在被左移。

這是full screen result和the code。

我到目前爲止所嘗試的一切都已經打破了菜單標題的下拉菜單附件。

感謝您的幫助，
鏈接

Answer 1

你已經對ultext-align:center。這是一個好的開始。現在只需補充一點：

#menu li { 
    display:inline-block; 
    float:none; /* or just remove the float */ 
} 

這將居中導航項目，但過於擺脫這樣的：

#menu { 
    left: -20px; 
} 

這打破了佈局，使第一鏈接無法點擊。

您還在:hover上應用了一些額外的填充，或者使列表項目「跳躍」的東西。我會建議解決這個問題，所以鏈接不會四處移動。