两个HTML表格彼此相对

Question

因此，我在彼此之间有两个html表每个表都有两列问题是我希望下表中的每一列都在与上一列相似的列之下

|表1 | | ---- | ----- | | ---- | ----- |

|表2 | | ---- | ----- | | ---- | ----- |

编辑：

我尝试使用

<td valign="top"></td>

但是我不认为这是正确的代码

Answer 1

尝试此操作，对两个表使用相同的td类。

HTML样本

<table id="table1">
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
</table>
<br /><br />
<table id="table2">
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
</table>

的CSS

#table1, #table2 {float:left;width:700px;}

td.first{ width:40%;}

td.second{ width:60%;}