7

我正在尝试在表格中放置一个 div。父母有position: relative我的 div las position: absolute。我通常用 chrome 开发，它在那里工作得很好，但是当我打开 Firefox 时，我的绝对 div 会忽略它的父级并占据整个页面。

这是一个适用于 chrome 但不适用于 Firefox 的示例：http: //jsfiddle.net/pdFSh/

有任何想法吗？

4

3 回答 3

11

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

table tr#body td { display: block; }
于 2013-07-05T11:43:29.383 回答
7

这是Firefox 的已知错误 （自 Firefox 31 起已修复）。在修复之前，常见的解决方法是将 div 嵌套在表格单元格中并设置 position: relative 到它，或者将单元格本身的显示更改为 display:block （将单元格转换为嵌套在匿名表格单元格框）。第二种方法似乎适用于这种情况，因为单元格的高度是固定的。

于 2013-07-05T11:48:30.540 回答
0

table tr#body td我通过在CSS中添加以下内容来解决此问题：

float: left;
width: 100%;

您现在必须注意边距和填充错误，但是可以通过更改box-sizing元素来避免这些错误。

进一步说明，您应该养成在每行 CSS 样式;的末尾放置一个分号 , 的习惯。

编辑：添加display: block也适用于安德烈·迪翁 ( Andre Dion ) 发布的内容

于 2013-07-05T11:42:18.017 回答