Firefox中相对父级的CSS绝对div

Question

我想把一个div放在一张桌子里面.父母有position: relative我的div las position: absolute.我通常使用chrome进行开发,它在那里工作得很好但是当我打开firefox时,我的绝对div忽略它的父级并占据整个页面.

这是一个在chrome中工作但不在firefox中的示例:http: //jsfiddle.net/pdFSh/

有任何想法吗？

Answer 1

您需要更改父级的display值#absolute:

table tr#body td { display: block; }

Answer 2

这是Firefox的已知错误 (自Firefox 31以来已修复).在修复之前,常见的解决方法是将div嵌套在表格单元格中并设置位置:相对于它,或者将单元格本身的显示更改为display:block(将单元格转换为嵌套在div中的div类块匿名表格单元格).第二种方法似乎适用于这种情况,因为细胞的高度是固定的.