不使用绝对值来定位div

Question

我试图复制这样的东西。 http://tsawines.com/craft-beer-cider-wine-news/

有没有办法让我在不使用绝对的情况下实现它。 与css不太相配。

我为你演奏了小提琴。 这是我到目前为止所做的。 http://jsfiddle.net/NGj7F/751/

我实际上循环div取决于查询的结果。

HTML

<div class="box" style="height:50px;">
a 
</div>
<div class="box" style="height:30px;">
b
</div>
<div class="box" style="height:80px;">
c
</div>

CSS：

.box{
border:1px solid green;
width:25%;
float:left;
margin:10px;
}

由于