Javascript CSS俄罗斯方块式拼图

---

挑战

使用CSS创建一个没有空格的两列div布局

开始布局

---

其中每个框都是简单的：

您是否能够支持
弹性框

这里有一个小演示



$（函数（）{
var测试=[]，
num=1，
randomNo=Math.floor（Math.random（）*8）+2；
对于（i=1；i div{
字体系列：无衬线；
字体大小：20px；
宽度：200px；
框大小：边框框；
背景：橙色；
填充：10px；
框大小：边框框；
利润率：10px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.Wrap div:n第n个子（5n+1）{背景：蓝色；}
.Wrap div:n第n个子（5n+2）{背景：红色；}
.Wrap div:n第n个子（5n+3）{背景：绿色；}
.Wrap div:n第n个子（5n+4）{背景：紫色；}
.Wrap div:n第n个子（5n+5）{背景：黑色；}
变量是什么意思？它们的高度可以是任何你不想要的，它们将相应地溢出到下一列。你为什么随机更改包装的高度？这有什么意义？我只能猜测它是错的。我的+你的演示我不明白。你的产品中有相同的代码吗？你是gener设置随机高度？但你会有某种高度，对吗？当设置该高度时，如果元素不再适合，它们将溢出到新列中。感谢你的帮助，我成功地将其变成了一个可行的解决方案。将你的答案调整为第二个示例jsfiddle.net/oLzw742p/3j，这对其他人来说会很有帮助，不是吗ust列计数案例：2？@VAL您能详细说明一下吗？
var h = 0;
$('.Wrap > div').each(function() {
    $(this).height(Math.random()*100);        
    h += $(this).height();        
});
$('.Wrap').height((h/2));