CSS Position 属性在 Firefox 中的工作方式不同答案

【问题标题】：CSS Position property working differently in FirefoxCSS Position 属性在 Firefox 中的工作方式不同
【发布时间】：2014-05-25 22:30:19
【问题描述】：

我的图像对 Firefox、Chrome 和 IE11 中的位置属性的响应不同。

在http://breezylabs.com/fvba/查看草稿请注意，“Fountain Valley”的底部提示在 Firefox 中位置错误。它位于页面顶部，而它在 Chrome/IE11 中的正确位置。

这是有关该问题的代码。父母是“相对的”，而孩子（图像）是“绝对的”。

<td width="1019" height="222" colspan="7" bgcolor="#D6D6DD" style="position:relative;">
<img src="/images/MAIN-CONTENT.png" style="position:absolute; left:0px; top:0px; z-index:99;">

另请注意，在 Firefox 版本中，顶部被截断了整个页面。不知道这里发生了什么，但我已经没有选择了。

【问题讨论】：

stackoverflow.com/search?q=firefox+absolute+table+cell

标签： html css image firefox position

【解决方案1】：

已修复！

<td width="1019" height="222" colspan="7" bgcolor="#D6D6DD">
<div style="position:relative;">
<img src="/images/MAIN-CONTENT.png" style="position:absolute; left:0px; top:0px; z-index:99; float:left;">
</div>

我在之前的评论中提到 div 方法不起作用，但事实证明 DIV 必须只在图像周围，而不是在其他任何东西周围。

【讨论】：

【解决方案2】：

TD 不是块元素。添加到 td 样式：

display:block

【讨论】：

当然，它不是块元素，但我不认为破坏表格的布局是解决它的正确方法。
CBroe 发布的搜索有几个建议（我没想到要搜索表格单元格，我只是在搜索父级）。我尝试了 display:block 但无济于事。我在某处读到，如果有 colspan 或 rowspan （有）它将不起作用 - 它没有。
即使将其包装在另一个 DIV 中似乎也不起作用。