html - 跳转链接和定位通过style="padding-top : 100px;

Question

我有一个网站使用跳转链接在页面元素之间移动(这是一个交互式用户指南)，在 Firefox、IE 和 Edge 上一切正常，但 Chrome 和 Opera 忽略了“填充”。

由于网站有一个固定的菜单栏，这意味着跳转链接位置在 Chrome 和 Opera 上消失在栏下。

我用于跳转链接偏移的简单代码是:

<a id="namexxx" style="padding-top: 100px;"></a>

我可以做些什么来使它与 Chroma 和 Opera 一起工作？

我通过搜索找到的所有解决方案都没有解决不同浏览器之间的差异问题。

干杯!

Answer 1

填充不是以这种方式重新定位元素的合适方法，因为它会增加元素本身的大小。在链接的情况下，您实际上会创建一个更大的链接区域，链接上方的空间也变得可点击。

您最好使用 margin-top 将元素向下移动到页面中。根据标记的其余部分，您可能还需要在链接元素上设置 display: inline-block;。