html - HTML 锚点 ID 不起作用

Question

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

该网站的预览可在此处获得： http: //dev.cuonic.com/cuonic.com/

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

score 3 · Accepted Answer

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

#contact-me { clear:both; }

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

score 0 · Accepted Answer

更改这部分代码：

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

2 回答 2