使第二行填补上面的空白

一个简单的 html/css 问题。请看这个example，我希望第二行中的块能够填补它们上方的空白。除了使用 JavaScript 之外还有什么办法吗？

.block {
    float: left;
    width: 200px;
    height: 200px;
    background-color: #ff0000;
    margin: 2px 2px 0 0;
}
<div style="width: 606px;">
    <div class="block">
    </div>
    <div class="block">
    </div>
    <div class="block" style="height: 250px">
    </div>
    <div class="block">
    </div>
    <div class="block">
    </div>
    <div class="block">
    </div>
</div>

简单的回答，不。

(sorry)

这无法单独使用普通 HTML 或 CSS 来完成，您需要研究 JavaScript 实现，例如Isotope or Masonry，或您自己制作的之一。