当浏览器窗口被重新定位时，为什么我的HTML表格会彼此位于下方？

我正在制作一个网站，在那里我正在调整我的内容表。一个表用于导航栏，其他表用于其他内容。无论如何，我已经将这些表设置为

float:left和在
位置：相对

问题是，每当我重新定位浏览器窗口时，所有表格都会移动到最左侧表格的下方。我如何解决这个问题？我想要它，这样桌子就不会在彼此下面移动

出于某种奇怪的原因，此应用程序不允许我发布代码。我可以发布它，但它无法正确格式化整个内容。
如果浮动表的宽度大于其父表的宽度（可用空间），则会发生这种情况。注意增加额外宽度的填充、边距和边框。按照迪奥德鲁斯的建议，不要在布局中使用表格
沃森是正确的，包括迪奥德鲁斯建议不要在格式化中使用表格。但是，您可以纠正遇到的情况的一种方法是，将所有表包装在一个包含元素中（例如，一个
div
），然后设置一个
width
或
minwidth
css参数，该参数等于或略大于所有浮动表进入其正确位置所需的宽度。然后，当窗口的大小小于所需大小时，您将获得一个水平滚动条，但元素的位置将保持不变。
表格不应用于布局。它们用于数据表。粘贴代码后，选择它并按Ctrl+K。这会将所选内容转换为代码块。