Html 如何修理导航杆？不同屏幕上的定位不同

我对HTML和CSS有点陌生。我有一个导航栏，我希望（标志和链接）对齐到我的页面上的侧边栏上方。它在不同的屏幕上处于不同的位置（当浏览器调整大小时），我不知道如何修复它。我做了一个小提琴的东西，我会链接到该网站，让你知道我的意思。 这是小提琴：

这是页面：

使链接包装器（即

ul

）与页面容器（即

892px

）的宽度相同，并将其设置为

margin:auto

，使其居中。您还可以删除左边的

边距：28%

。这是不必要的。您还有一个浮动问题，因此您的

ul

被折叠。您需要清除浮动的元素。您可以添加

溢出：隐藏

#menu ul{
   overflow: hidden; //clear float issue
   width: 892px; // same width as #page
   margin: 0 auto; //will center
   padding: 0px 30px; //add to keep the same padding as #page-bgtop
}

这把它修好了！非常感谢你。
#menu ul{
   overflow: hidden; //clear float issue
   width: 892px; // same width as #page
   margin: 0 auto; //will center
   padding: 0px 30px; //add to keep the same padding as #page-bgtop
}