放置div /表

Question

我得到了一些填充数据的表来生成表格，现在一切正常，但是我不能在我想要的地方得到这些表格...

当我加载页面时，它们看起来很好：

但是当我把它们中的一个变大时，它们就不会保持这么好的位置：

任何方式将它们保持在一起，即使另一侧的一个更大？ 我尝试使用浮动和对齐，然后我不知道任何其他选项。

修改 请注意我的表正在生成。 就像用户想要向网站添加2个图表一样，他获得了2个这样的表格，在这个表格中，他可以选择要在其中显示多少变量，并且需要为其输入查询。

因此表格的高度永远不会相同，并且可以随时更改。 这就是为什么我找不到解决方案的问题

Answer 1

既然您使用了表格，为什么不将所有4个表格都包含在第5个表格中？

<table>
<tr>
<td width="50%"> put here table A</td>
<td width="50%"> put here table B</td>
</tr>
<tr>
<td> put here table C</td>
<td> put here table D</td>
</tr>
</table>

将外表的样式设置为红色边框，并在其单元格上添加一些pading，然后设置