如何使響應式導航菜單保留在頁面的頂部？

Question

我現在正在開發一個響應式導航菜單，以便我的頁面可以與不同的平臺兼容。我遵循了這裏的步驟：http://www.w3schools.com/howto/howto_js_topnav.asp/，但是當我縮小窗口時，我無法使它保持原來的位置（當我的頁面在寬屏幕上時，菜單始終保持在頂部）。如何讓它保持在每個導航欄的頂部？

Answer 1

你可能要定位添加到您的導航欄：

position: fixed; /* if you want it to stay there even when scrolling */ 
position: absolute; /* if you just want it at the top of the page, but not at the top of your browser window */ 
top: 0; 
left: 0; 
right: 0;