HTML Anchor ID无效

Question

我正在制作一个快速网站，所有内容都在一个页面上，我正在使用带有锚点链接的小菜单，以便为最终用户更快地导航到某个部分。我有两个工作正常的锚链接（关于我，我的项目）但“联系我”链接跳转到“我的项目”部分的随机部分。

此处提供了该网站的预览：http://dev.cuonic.com/cuonic.com/

我已经检查了ID，他们对应，“我的项目”部分中没有随机的“联系我”ID，我已经更改了ID，仍然会发生这种情况，这在Firefox和Chrome中都有。这是怎么回事 ？任何帮助表示赞赏：）

Answer 1

//*[@id="content"]/div[2]内的所有内容都浮动到左侧。浮动元素不会影响其包含块级元素的高度。如果你添加这个：

#contact-me { clear:both; }

到某个地方的CSS，<span id="contact-me">标记将重新定位到您真正想要的位置。您的页面仍然不够长，联系表单一直到顶部（至少在我的显示器上），但它仍会滚动到页面的末尾。

Answer 2

更改此部分代码：

</div>
<span class="anchor" id="contact-me"></span>
<h1>Contact Me</h1>
<div class="text">

对此：

</div>
<h1>Contact Me</h1>
<span class="anchor" id="contact-me"></span>
<div class="text">