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">