css - 为什么我的导航栏在转到恢复选项卡时会轻微移动

Question

http://www.michaelhoffmandesign.com

因此，我对编码非常陌生，并且一直在从头开始对这个网站进行编码以供专业使用。问题是，当用户单击 Resume 部分时，整个导航栏会移到左侧。我试图通过添加 left:x px 来纠正这个问题。但这似乎不起作用。有什么帮助吗？

Answer 1

滚动条会导致细微差别。您可以在所有页面上启用滚动条：

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

这使滚动条始终可见，并且仅在需要时才处于活动状态。

或者另一种解决方案是：

html {height: 101%;}

Answer 2

使用 margin: 0 auto 让导航对齐中心

尝试这个：

nav {
position: relative;
width: 800px;
height: 17px;
margin: 0 auto;
text-decoration: none;
}

header nav ul {
width: 800px;
margin: 0 auto;
}

Answer 3

在 resume.html 的 html 中，检查这一行：

<导航样式=“右：10px；” >

删除该样式属性并尝试一下。