html - HTML 多表放置

Question

我有 3 个单独的 HTML 表格。我需要将其中 2 个并排放置，并将第三张桌子放在右侧桌子下方。我当前的 HTML 表格位置：

[table1] [table2]
（空）[table3]

但是现在我面临的问题是表 2 和表 3 靠得太近了，我需要在表 2 和表 3 之间留出一个空隙，应该是这样的：

[table1] [table2]

（空）[table3]

我已经尝试了很多方法，任何帮助将不胜感激！
*请注意，这些表格是 3 个单独的表格。
*无法上传我当前表格的图片，缺少代表

Answer 1

请试试这个，您也可以在表内使用表，但这是个坏主意。

<div id="main">
      <div id="left" style="float:left;">table1<div>
      <div id="right" style="float:left;">table2<div>
      <div id="bottom" style="float:right;width:sameastable2div;padding-top:2px;">table3<div>
<div>

Answer 2

您可以对正在使用的主表格使用表格属性单元格间距，以便在表格单元格之间留出空间。

  <table border="1" cellspacing="5">
    <tr><td><table></table></td><td><table></table></td></tr>
    <tr><td></td><td><table></table></td></tr>
  </table>