firefox - 绝对定位在 Chrome 和 IE 中工作正常，但在 FF 中不行

Question

我试图将表格单元格内的 div 位置(具有相对位置)设置为绝对位置，它在 Chrome 和 IE 中效果很好，但在 FF 中，它似乎只是相对于整个单元格定位为绝对位置 body 。

我试图让我的 div 显示在单元格的左上角(该链接仅用于定位代码中的另一个元素，但它应该位于单元格的右上角)。然而在 FF 中，div 显示在整个屏幕的左上角，而(由 定位的元素)链接显示在整个屏幕的右上角。

相关代码如下:

<TD ID="EVENT" style="position:relative;">
<a href="#" id="Menu" style="position:absolute;top:0;right:0;"></a>
    <div id="detail" style="position:absolute;top:0;left:0;width:100%;z-index:10;">
    content
</div>
</TD>

Answer 1

我不确定这是否与问题相关，但您的表格单元格中缺少引号:

<TD ID="EVENT style="position:relative;">

应该阅读:

<TD ID="EVENT" style="position:relative;">

这类事情过去曾给我带来过问题，尽管如果在其他浏览器中没问题，也许这不会导致问题。

编辑:尝试在表格单元格内使用容器 div。

    <TD ID="EVENT">

      <div id="container" style="position:relative;">

        <a href="#" id="Menu" style="position:absolute;top:0;right:0;"></a>
        <div id="detail" style="position:absolute;top:0;left:0;width:100%;z-index:10;">
        content
        </div>

      </div>

    </TD>