Firefox忽略了表格单元格中的绝对定位

Question

我试图将一个元素绝对放在表格单元格中。 道明有position:relative，元素有position:absolute。

这在所有浏览器中都很有用，除了在Firefox中它相对于祖先相对容器定位。

你可以在这个小提琴中看到这个：http://jsfiddle.net/ac5CR/1/

有没有人知道我是否错过了一些可以在Firefox中修复的CSS设置？

Answer 1

元素不是块元素。 添加到样式显示：块，您将获得所需的行为。

Answer 2

可能的解决方法是将position:absolute元素与另一个position:relative div包装起来。它需要额外的div，这是蹩脚的，但会给你正确的结果。

示例：http://jsfiddle.net/pTJUk/

注意 - 这仍然不会给出完全正确的结果，因为position:relative div将相对于td中的文本位置 - 疯狂，对？给单元格vertical-align:top将使其定向为0,0，但当然这可能会以您的设计所需的其他格式为代价。