为什么我的锚链不能到达正确的位置？

Question

我的导航栏正确链接到我的“工作”部分，但是如果我点击导航栏上的ABOUT，它会下降到比'about'h2高约300px。我觉得这可能与职位，展示有关？如果我添加

，我可以将ABOUT锚定链接正确转到about部分

#about{
    margin-top: 360px
}

虽然这对我的建筑问题来说似乎是一个不好的补丁。我已经尝试过很多不同的事情，但我一直在完成我的工作，关于和联系部分开始相互重叠，我也无法理解。 div似乎没有正确堆叠或其他东西。非常感谢任何帮助。

http://wrobbins.me是该网站。感谢。

Answer 1

链接会将您带到about元素的位置，只是元素中的文本被上面某个块中的job元素向下推。

问题是jobwrap元素。其中的浮动元素不会影响其大小，因此它的高度为零。

将overflow:hidden添加到#jobwrap样式，它将包含其子项，about元素将从其下方开始。

Answer 2

当你使用浮动时，你应该“清除”它想要在下面的父或块。现在你的#jobwrap块的高度为零，#about位置存在问题。使用#about{cloar:both;}作为修补程序，并阅读有关浮点数和clearfix的更多信息。