0

我正在开发一个小型 Web 模块的界面，并且遇到了一些 CSS 问题。现在我有容器 DIV 和表格来布局子部分。我在左边浮动 3 张桌子和右边 3 张桌子，到目前为止效果很好。

我最近添加了一项功能，允许用户根据需要添加其他字段，并且随着右列中表格高度的增加，它会破坏布局。有没有更好的方法来做到这一点，这样布局就不会中断？

在此处输入图像描述

在每个表中添加“clear:left”和“clear:right”后，出现如下...

在此处输入图像描述

将 3 个左浮动表移动到代码顶部并从其他 3 个中删除“float:right/clear:right”后，除此之外它运行良好。

在此处输入图像描述

4

2 回答 2

0

最好展示一个活生生的例子，但处理这个问题的最简单方法——如果这是一个选项——是将每一列包装在自己的 div 中。

于 2013-05-21T05:16:14.343 回答
0

对于每个向左浮动，添加 clear:left，对于每个向右浮动，添加 clear:right。

不过，这取决于每个浮动容器的顺序。另一种选择是尝试从一列中保留一组浮动（即浮动左侧或浮动右侧）并从另一列中的其他列中删除浮动属性，以便它们包裹到浮动框的一侧。

编辑：一个工作示例：http ://cssdesk.com/Xan5j

于 2013-05-21T09:23:28.153 回答