我正在制作一个网站,我正在为我的内容对齐表格。一个表格用于导航栏,其他表格用于其他内容。无论如何,我已将这些表设置为float:left;
和position:relative;
。
问题是,每当我重新定位浏览器窗口时,所有表格都会在最左边的表格下方移动。我该如何解决这个问题?我想要它,这样桌子就不会在彼此下方移动。
出于某种奇怪的原因,这个应用程序不允许我发布我的代码。我可以发布它,但它不会正确格式化整个内容。
我正在制作一个网站,我正在为我的内容对齐表格。一个表格用于导航栏,其他表格用于其他内容。无论如何,我已将这些表设置为float:left;
和position:relative;
。
问题是,每当我重新定位浏览器窗口时,所有表格都会在最左边的表格下方移动。我该如何解决这个问题?我想要它,这样桌子就不会在彼此下方移动。
出于某种奇怪的原因,这个应用程序不允许我发布我的代码。我可以发布它,但它不会正确格式化整个内容。
Watson 是正确的,包括 Diodeus 建议不要使用表格进行格式化。但是,您可以补救您遇到的情况的一种方法是将所有表格包装在一个包含元素(例如 a div
)中,然后设置一个等于或略大于所有表格所需宽度的awidth
或css 参数min-width
你的浮动桌子落入适当的位置。然后会发生什么,当窗口的大小调整为小于需要的大小时,您将获得一个水平滚动条,但元素的位置将保持不变。
如果浮动表格的宽度大于其父表格的宽度(可用空间),则会发生这种情况。注意填充,边距,边框增加额外的宽度。并遵循 Diodeus 的建议,不要使用表格进行布局。