是什么迫使菜单向左移动？

Question

我正在使用

中的菜单

https://www.w3schools.com/howto/howto_css_dropdown_navbar.asp

，但是每当我在代码中使用它时，菜单始终位于屏幕左侧，而不是页面部分。

我正在使用具有以下CSS的div：-

    .page {
        max-width: 1000px;
        margin: 0 auto;
    }

菜单不是显示在1000px中，而是显示在左侧。

Answer 1

您只是在设置max-width，它更多的是断言而不是属性-宽度永远不会超过1000px。不过，您实际上从未设置宽度。

.page {
    width: 1000px;
    margin: 0 auto;
}

除非您需要max-width，否则，如果您不使用相对大小（百分数或vw / vh），可以安全地忽略它。