透過超連結的錨點(#) 我們可以點擊後移動到對應的 id，像是：

可是會有一個問題就是如果像上面的範例一樣，選單會把底下的區塊遮住，這樣在捲動過去的時候就會有一部分被遮掉，如果要解決這個問題，可以使用 CSS 的一個屬性  scroll-margin-top，帶的值就是要設定的與畫面頂端的距離，像是：

:target{
  scroll-margin-top: 40px;
}

這樣就能用純 CSS 去設定間距了。

目前這個屬性在主流瀏覽器都支援了，有需要的可以使用看看。