表 - 绝对定位(简单问题)

时间:2011-06-18 09:19:41

标签: html css

我有一个小问题。我有这样的表

 <table border="1">
        <tr style="position:relative;">
            <td>
                  <a href="link.php?l">Click here to redirect yourself</a>
                  <span onclick="ajax_redir();" style="position:absolute;right:5px;">
                       AJAX
                  </span>
            </td>
        </tr>   
    </table>

我的问题是AJAX位于我屏幕的右上角。我究竟做错了什么? (我试图在实际的角落里制作AJAX文本 <td></td>

我的问题演示http://jsfiddle.net/ehtwW/

2 个答案:

答案 0 :(得分:3)

实际上有点奇怪,但似乎如果你将td的所有内容都包含在div中,它就会有用。

就像这样:http://jsfiddle.net/Gm5fg/1/

答案 1 :(得分:2)

TD必须相对定位。对于TR,没有必要:

<table border="1">
    <tr>
        <td style="position:relative;">
              <a href="link.php?l">Click here to redirect yourself</a>
              <span onclick="ajax_redir();" style="position:absolute;right:5px;">
                   AJAX
              </span>
        </td>
    </tr>   
</table>