Css 为什么我的锚定链接没有到达正确的位置？

我的导航栏正确链接到我的“工作”部分，但如果我单击导航栏上的“关于”，它会下降到“关于”h2上方约300px。我觉得这可能与位置、显示有关？如果添加，我可以使“关于”锚定链接正确转到“关于”部分

#about{
    margin-top: 360px
}

虽然这似乎是一个更大的问题，我的建设穷人补丁。我试着做了很多不同的事情，但我的工作、关于和联系部分开始相互重叠，我也无法理解。潜水舱好像叠得不好什么的。非常感谢您的帮助

---

是网站。谢谢。

当你使用浮动时，你应该“清除”你想在下面的父项或块。现在您的#jobwrap块的高度为零，而#about position存在问题。使用

#about{cloar:both；}

作为热修复程序，阅读更多关于float和clearfix的内容。

该链接会将您精确地带到

about

元素所在的位置，只是上面块中的

作业

元素会向下推送元素中的文本

问题在于

jobwrap

元素。它内部的浮动元素不影响其大小，因此它的高度为零

---

将

overflow:hidden

添加到

#jobwrap

样式中，它将包含其子元素，

about

元素将从它下面开始。

为什么不能使用

position:relative

？嗯，我的“top”div是position:fixed，之后是包含main、work、about、contact部分的mainwrap。mainwrap设置为相对，然后设置为top:43px；所以它不会出现在43像素高的顶部。在那之后，我希望所有的部分都能到位，我不明白为什么它们没有。我尝试过添加position:relative到一些div，但运气不好。

#jobwrap{overflow:hidden；}

将在右侧剪切阴影。这可以通过另一种clearfix方法（如）或通过使#jobwrap块宽几个像素来修复。