分安排问题

Question

所有

我动态地在页脚中创建菜单列表。 现在在一行中最多可以有3个div，然后在第一个下面设置下一个第4个div。 我的问题是现在上面的3个div有不同的高度。在创建第二行时，它取第一行的最大高度。

看图像，你会更清楚我想要什么

Answer 1

jQuery Masonry是解决这个问题的一个选项，虽然对于你这个相当简单的情况可能有些过分。

那个棕色盒子的宽度是流动的还是固定的？

Answer 2

不是按行排列div，而是按列排列。 有3个表示列的容器div，然后根据需要将内容div放在这些列div中。

表的等价物是 - 外部容器表有一行和三个单元格。每个单元格都有单列多行表。