Html 让第二行填满上面的空白

一个简单的html/css问题。请看这个，我想让第二行的方块填满上面的空隙。除了使用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>

答案很简单，不是。 对不起

---

这不能仅用普通的HTML或CSS来实现，您需要研究像or这样的JavaScript实现，或者您自己制作的实现。

如果您愿意使用CSS3，那么列可能可以帮助您获得块堆栈

演示：

CSS示例：

根据需要添加除-webkit之外的其他供应商前缀

当然，通过使用列，您必须重新记录div的顺序。如下所示：

将float:right添加到第三个块

<div style="width: 606px;">
    <div class="block">
    </div>
    <div class="block">
    </div>
    <div class="block" style="height: 250px;float:right;">
    </div>
    <div class="block">
    </div>
    <div class="block">
    </div>
    <div class="block">
    </div>
</div>

---

使用JavaScript重新排列位置，而不是使用浮点：left@RaptorJavaScript可以完成这项工作，我只是担心调整页面大小会有问题。但由于这是唯一的解决办法，我必须这样做；如果需要，在浏览器上添加事件侦听器调整大小。是的，这就是我要做的。只是想知道是否有更简单的方法。明白了。很抱歉听到这个。谢谢你的回答，很遗憾我不能在这个项目中使用CSS3。

<div style="width: 606px;">
    <div class="block">
    </div>
    <div class="block">
    </div>
    <div class="block" style="height: 250px;float:right;">
    </div>
    <div class="block">
    </div>
    <div class="block">
    </div>
    <div class="block">
    </div>
</div>