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