要使用純 CSS 設置錨點（#）的位移以避免與上方的固定導覽列重疊，你可以使用 scroll-padding 和 scroll-margin 屬性。這些屬性可以幫助你在滾動到錨點時創建一些間距，以確保內容不會被導覽列擋住。
以下是一個基本的示例：
/* 針對固定導覽列設置間距 */
.fixed-navigation {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
padding: 10px 0;
}
/* 給錨點添加滾動間距 */
.anchor {
scroll-margin-top: 50px; /* 設置滾動間距 */
padding: 20px; /* 錨點內容的上內邊距，以避免內容與導覽列重疊 */
}
在上述示例中，我們首先為固定導覽列 .fixed-navigation 設置了 scroll-margin，這個值應該與你的導覽列高度相符，以確保在滾動到錨點時，內容不會被導覽列擋住。然後，我們為錨點 .anchor 設置了 scroll-margin-top，以確保在滾動到該錨點時，會有足夠的間距，以避免重疊。
你可以根據你的需求調整這些值，以確保它們適用於你的網頁布局。希望這有助於你設置 CSS 錨點的偏移。