Question

我有一个显示为 table-cell 的div，我想将另一个div相对于第一个显示。但它在Firefox中不起作用。

请在Firefox中打开此链接，看看区别。我该如何解决？

http://jsfiddle.net/JFAbM/

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

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

伙计们，我已经用包装额外的div来解决它了

实施例。这里是jsfiddle.net/JFAbM/8

Answer 1

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

请参阅此Fiddle

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

Answer 2

将position:absolute;替换为position:relative;

检查fiddle

Answer 3

我也在寻找合适的解决方案。正如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;
}

Firefox定位不适用于table-cell

3 个答案: