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的行为）。

绝对定位Div不在Firefox中工作

1 个答案: