Question

我试图将表格单元格中的div的位置（具有相对位置）设置为绝对值，并且它在Chrome和IE中运行良好，但在FF中，似乎它只是位于绝对位置而非整个体。

我正在尝试让我的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>

绝对定位在Chrome和IE中运行良好，它不在FF中

1 个答案: