html - 将嵌套表格定位到单元格的右侧

Question

向您展示我想要实现的目标的最佳方式是展示图片:

我试图将嵌套表格定位到行的每一侧。我寻找解决方案，但没有找到任何有趣的东西。当我玩“position: absolute;”时我造成的伤害多于好的结果。可以像图片那样做吗？

编辑:这不是我的元素，我对设计没有任何影响。它基于表格，我必须处理它:)

Answer 1

你可以 float 它.. 或者你可能只是将保持它的单元格设置为 text-align: right 取决于单元格中还有什么你是否只需要右侧的嵌套表格.. (并非在所有浏览器中都有效)

<table width="100%" border="1">
<tr>
<td>
    <table style="background: red;">
      <tr>
          <td>left</td>
       </tr>
    </table>
</td>
<td>
    <table style="background: green; float: right">
       <tr>
          <td>right</td>
       </tr>
    </table>
</td>
</tr>
</table>