愚蠢的HTML放置问题：强制一个元素低于另一个元素？

我的基本布局是这样的：

<table>
...
</table>
<table>
...
</table> // There's actually five tables,but that's irrelevant
<img .../>
</body>

我试图将图像打成一个页脚,在所有表格下面,但我能管理的最好的是它会卡在桌子的右边(我的屏幕很大,所以它可能会在桌子下方环绕着你,但不适合我)或者我可以通过使用position：absolute将它放在桌子顶部.我不能为了我的生活而把图像强行包裹在桌子下面.

我已经尝试将图像包装在div中并将各种属性/属性组合添加到div中,但就像我说的那样,它们都会产生上面列出的两个不良结果中的一个.

任何人都可以提供某种解决方案吗？

我已经看到了一些像How to force div to appear below not next to another?这样的其他SO问题,但我根本不理解这个解决方案(如何浮动：左侧强迫某些东西低于其他东西？)而且我也不相信该解决方案需要额外的包装< DIV取代.

解决方法

<div>
<table>
...
</table>
<table>
...
</table>

</div>
<div style="clear:both;">
<img .../>
</div>

</body>

或使用CSS.并为img或div标签创建样式.