2

我正在尝试将表格单元格中 div 的位置（具有相对位置）设置为绝对位置，它在 Chrome 和 IE 中效果很好，但在 FF 中，它似乎只是相对于整个身体定位为绝对位置。

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

以下是相关代码：

<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>
4

1 回答 1

2

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

<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>
于 2012-04-12T09:33:37.227 回答