css - Firefox 定位不适用于表格单元格

Question

我有一个 div 显示为表格单元格，我想相对于第一个定位另一个。但它在 Firefox 中不起作用。

请在 Firefox 中打开此链接，看看有什么不同。我该如何解决？

http://jsfiddle.net/JFAbM/

我看到有人不明白我到底需要什么。所以我更新了代码。我需要定位浅灰色块。

http://jsfiddle.net/JFAbM/7/

伙计们，我已经通过包装额外的 div 解决了这个问题

前任。这里 jsfiddle.net/JFAbM/8

Answer 1

替换position:absolute;为position:relative;

检查小提琴

Answer 2

我也在寻找合适的解决方案。正如 jumancy 所指出的，据我所知，您将需要一个包装元素：

<table>
<tr>
     <td><div class = "relative-wrapper">
            <!-- Other stuff goes here -->
            <div class = "pos-abs">Be relative to me, wrap me, show me on hover!</div>
            <!-- or here -->
     </div></td>
</tr>
</table>


//CSS
.relative-wrapper{
   position: relative;
   display: block;
}
.pos-abs{
   position: absolute;
}

Answer 3

只需更改position:absoluteto position:relative，无需包装任何额外的 div

看到这个小提琴

更新：http: //jsfiddle.net/JFAbM/5/