重新定位浏览器窗口时，为什么我的HTML表格会相互低于对方？

Question

我正在创建一个网站，我正在为我的内容调整表格。一个表用于导航栏，其他表用于其他内容。无论如何，我已将这些表格设置为float:left;和position:relative;。

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

由于某些奇怪的原因，此应用程序将不允许我发布我的代码。我可以发布它，但它不会正确地格式化整个事情。

Answer 1

如果浮动的表的宽度大于其父级的宽度（可用空间），则会发生这种情况。注意填充，边距，边框增加额外的宽度。按照Diodeus的建议，不要使用表格进行布局。

Answer 2

Watson是正确的，包括Diodeus建议不要使用表格进行格式化。但是，解决您遇到的情况的一种方法是将所有表包装在包含元素中（例如，div），然后设置width或min-width css参数等于或略大于所有浮动表落入其正确位置所需的宽度。然后会发生什么，当窗口调整大小小于需要时，你会得到一个水平滚动条，但元素的位置将保持不变。