为HTML锚创建偏移量

我有一个网站（相当长，所以你需要滚动）列出了一些教程/演示。 为了方便起见，我决定在页面顶部创建一个菜单，用户可以单击它并跳转到正确的位置（在同一页面上）。菜单的代码：

<ul>
<li><a href="#tutorial1">Tutorial 1</a></li>
...
</>

...

现在在网站上，我有两个隐藏的锚，看起来如下：

<p><a name="tutorial1" ></a></p>

其想法是，用户点击链接并跳到网站上的正确位置

但是存在一个问题：站点模板的顶部有一个菜单，该菜单始终可见（当您滚动时也是如此）。所以当我点击一个菜单项时，正确的位置被这个菜单覆盖了。所以我真正想要的是，点击之后，站点跳转到achnor减去偏移量，这是由这个菜单创建的

所以我想知道，我是否可以通过在我的锚中添加一些CSS来实现这一点，如下所示：

<p><a name="tutorial1" style="positioning:relative; top:-60px" ></a></p>

---

不过我看不出有什么效果。我做错了什么？

确保在每个CSS属性的末尾添加分号，最后一个除外

<p><a name="tutorial1" style="positioning:relative; top:-60px" ></a></p>

---

您希望将菜单的高度设置为现在的高度。然后将网站的其余部分放入网站容器中。这样，固定标题将不会与您网站的内容重叠。

您能解释一下并给我们一个屏幕截图吗？对不起，伙计们，解释不清楚。我编辑它。你有没有看到这个问题看起来和这个问题完全一样：看到这个答案：CSS中分号单独规则的可能重复。他们不会终止他们。不需要在规则集中的最后一条规则后面加一条。