锚标签在Mozilla Firefox和IE中没有按预期工作

Question

我有以下HTML代码：

<div class="share-wrap">
       <p>
        Terms and Conditions
    </p>
    <br/>
        <a href="https://sitename/en/privacy-
        statement.html#cookies" target="_blank">Cookie Policy</a>'
 </div>

此链接可在Chrome上完美运行。当我点击它时，它会转到另一个页面和所需的'#cookies'ID。但是在Firefox和IE中它会转到其他部分。 其他页面的代码如下：

<a name="cookies"></a>
 <h2 class="jump" id="cookies">Cookies</h2>
  content

知道为什么会这样吗？

Answer 1

这通常是由于当您加载更多内容时链接到文档向下移动的区域。

例如，如果具有固有尺寸的图像 - 图像占用的尺寸必须在图像文件下载后计算而不是从CSS或高度/宽度属性中获取 - 显示在您链接的内容上方到。

确保HTML文档中未嵌入的所有内容都具有明确的大小。