我正在尝试将div放在表格中。父母有position: relative而我的div position: absolute。我通常使用chrome进行开发，它在那里工作得很好，但是当我打开firefox时，我的绝对div会忽略它的父级并占据整个页面。
这是一个在chrome中运行但不在firefox中运行的示例： http://jsfiddle.net/pdFSh/
有什么想法吗？
答案 0 :(得分：11)
您需要更改display父母的#absolute值：
table tr#body td { display: block; }
答案 1 :(得分：7)
这是the known bug of Firefox （自Firefox 31以来已修复）。在修复之前，常见的解决方法是将div嵌套在表格单元格中并设置位置：相对于它，或者将单元格本身的显示更改为display：block（将单元格转换为嵌套在div中的div类块匿名表格单元格）。第二种方法似乎适用于这种情况，因为细胞的高度是固定的。
答案 2 :(得分：0)
我通过在table tr#body td CSS中添加以下内容来修复此问题：
float: left;
width: 100%;
您现在必须注意边距和填充错误，但是可以通过更改元素上的box-sizing来避免这些错误。
另外请注意，您应该养成在每个 CSS样式行的末尾放置一个分号;的习惯。
修改：添加display: block也可以Andre Dion