html - 绝对定位的 Div 在 Firefox 中不起作用

Question

这是我尝试的代码

CSS

<style>
.myposition {
    position:absolute;bottom:0; margin-bottom:0px; margin-top:30px;
}
</style> 

代码

<td width="300" valign="top" style="position:relative;">
  <div style="top:0">
    <table width="310" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" valign="top">content</td>
      </tr>
      <tr>
        <td align="center" valign="top">content</td>
      </tr>
    </table>
  </div>
  <div class="myposition">
    <table>
      <tr>
        <td align="center" valign="bottom">content</td>
      </tr>
      <tr>
        <td valign="top" align="center">content</td>
      </tr>
    </table>
  </div>
</td>

这段代码在 IE 中运行良好，但在所有其他浏览器中运行不佳，具有绝对定位的 div 与其上方的 div 重叠。

我想做的是这个，请查看 http://www.spoiledagent.com/ads/Help.jpg

您可以在http://www.spoiledagent.com/members/about_hanu.php查看它 我已授予访问此链接的权限

Answer 1

Gecko 不支持绝对包含块的表格单元格。这一方面是 Gecko 中的错误，另一方面是规范中的缺陷（明确表示position: relative未定义在表格单元格上指定的行为）。