Jquery 如何在没有相同高度的情况下创建4列css左浮动

这是我当前的css

我希望输出是这样的

---

让我知道..

使用垂直列而不是水平行

例如：

<style type="text/css">
    .column {
        float: left;
        width: 25%;
    }
</style>

<div id="container">
    <div class="column column1">
        blocks here...
    </div><!-- end .column1 -->
    <div class="column column2">
        blocks here...
    </div><!-- end .column2 -->
    <div class="column column3">
        blocks here...
    </div><!-- end .column3 -->
    <div class="column column4">
        blocks here...
    </div><!-- end .column4 -->
</div><!-- end #container -->

.栏目{
浮动：左；
宽度：25%；
}
这里的街区。。。
这里的街区。。。
这里的街区。。。
这里的街区。。。

两个小变化：

• 使用多个
  s。我在每秒钟
  之后添加了一个结束符

，并在css中限制了它们的宽度。将布局视为四列，每列包含两个（或更多）项目

使

s向左浮动，而不是

s

---

更新的小提琴：

我教过你怎么做，你必须自己学习和做。