在 HTML 中，当使用锚点（#id）进行导航时，浏览器默认会直接将目标元素滚动到视口顶部。然而，如果你的页面顶部有固定导航栏（如 position: fixed 的 header），那么目标元素可能会被遮挡。为了解决这个问题，你可以通过 CSS 添加滚动偏移（scroll offset），让跳转时预留一定的偏差。
实际操作中，可以通过 [id] 1 这样的属性选择器来选中元素，然后设置样式。
推荐方法：使用 scroll-margin-top（现代浏览器支持）
这是最简单、最现代的方法，无需 JavaScript。
示例：
css
这样就能给所有锚点目标统一预留 80 px 安全距离。
方法二：使用伪元素创建“隐形偏移”（兼容旧浏览器）
css
