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

Question

我试图绝对将一个元素放在表格单元格中.TD有position:relative和元素有position:absolute.

这在所有浏览器中都很有效,除了在Firefox中它相对于祖先相对容器定位.

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

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

Answer 1

元素不是块元素.添加到样式显示:块,您将获得所需的行为.

事实上,这是一个[Firefox bug](https://bugzilla.mozilla.org/show_bug.cgi?id=63895),已经修复(从版本31开始,Firefox将相对于表格单元格定位绝对后代)像其他浏览器一样). (3认同)
要扩展,td元素的默认显示值通常是"table-cell"(并且Firefox支持"table-cell"显示值,这很可能是默认值). (2认同)

Answer 2

可能的解决方法是position:absolute用另一个position:relativediv 包装元素.它需要一个额外的div,这是蹩脚的,但会给你正确的结果.

注-这仍然不会给一个完全正确的结果,因为position:relativeDIV会相对文本位置的td-疯了吧？给单元格a vertical-align:top将使其朝向0,0,但当然这可能以您的设计所需的其他格式化为代价.