Css 排列不同大小的div块

我需要使网站布局，我有“常规尺寸”和“2x2常规大小”块块块，他们应该安排得很好，无论我把较大的块和较小的块放在哪里。例如，如果我在下面的图片中遇到这样的情况，我需要第8块在5块以下，第9块在第8块旁边（第6块以下），依此类推

图片：

以下是我迄今为止的CSS：

    .block
{
    float: left;
    display: inline-block;
    margin: 3px;
    width: 141px;
    height: 150px;
    border-style: solid;
    background: lightgray;
    border-width: 1px;
}

.block4
{
    float: left;
    display: inline-block;
    margin: 3px;
    width: 294px;
    height: 308px;
    border-style: solid;
    background: lightgray;
    border-width: 1px;
}

你能帮我怎么做吗

---

谢谢你

同位素或jQuery Masonary能满足你的需要

http://isotope.metafizzy.co/

http://masonry.desandro.com/

---

除非您想将1/4大小的块放入容器中，否则无法完成。使容器向左浮动，然后包含4个较小的块。或者你也可以像其他人所说的那样使用jQuery砌体。

请发布你的HTML，甚至在这里重新创建一个问题：是否可以只使用CSS？我知道css很混乱，但是。。。我的项目最好只使用css和html