如何使响应式导航菜单保留在页面顶部

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;