CSS布局-浮动：…向上？

是否有一种技术（编码或黑）让浮动块向上填充，以及它们的浮动方向

这样的话——

变成

我意识到这是通过javascript库实现的，比如

只是想知道是否有任何CSS方法来实现这一点或类似的东西

---

相关代码笔

---

我只是简单地制作了任何浅蓝色（奇数）元素

float:left

和任何蓝色（偶数）元素

float:right

这看起来怎么样：

正文*{
框大小：边框框；
浮动：左；
}
.包装纸{
最大宽度：500px；
背景：白鹭；
}
.街区{
高度：100px；
背景：浅蓝色；
宽度：250px；
边框：实心2px；
垂直对齐：顶部；
}
.block：第n个子项（偶数）{
浮动：对；
背景：蓝色；
高度：150像素；
}

你能用Flexbox吗？@ovokuro当然！（甚至网格）如果你有flexbox技术来完成这项任务，请在回答中包含它。这个问题看起来很类似-->@ovokuro你说得对，这是一个重复的问题。如果你不认为有人会用我在将来使用的术语来搜索它，你可以关闭它。

body * {
    box-sizing: border-box;
}

.wrapper {
    max-width: 500px;
    background: limegreen;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.block {
    height: 100px;
    background: lightblue;
    width: 250px;
    float: left;
    border: solid 2px;

    &:nth-child(even) {
        background: blue;
        height: 150px;
    }
}