将div定位在表行上

时间:2015-06-04 01:30:46

标签: html html-table rows

如何在表格内的表格行上放置div?这个div将是它所覆盖的行的大小,以便它完全覆盖它。任何帮助表示赞赏。

这就是我所拥有的:



<table>
  <tr style="position: relative;">
    <td>
      <div class="picturebox">
        <img src="img/avatar/avatar1.jpg">    
      </div>
    </td>
    <td class="agentname">
      Peter Edwards    
    </td>
    <td>
      45
    </td>
    <td>
      7
    </td>
    <td>
      $2,900 USD
    </td>
    <td>
      $1,100 USD
    </td>
    <td>
      $4,000 USD
    </td>
    <div style="position: absolute; background: #eee; width:100%; top: 10px;">Test</div>
  </tr>
</table>
&#13;
&#13;
&#13;

嗯...当我在这里尝试这个时很奇怪它有效...必须有另一个元素,这个表正在弄乱我的位置......

1 个答案:

答案 0 :(得分:1)

你刚刚把它放在上面?

<table style="width:100%">
  <div>
      <tr>
        <td>Eve</td>
        <td>Jackson</td> 
        <td>94</td>
      </tr>
  </div>
</table>