Css float 使用内联块创建网格样式的Tumblr主题？

我正在尝试使用内联块制作网格样式的Tumblr主题，但是有一些。。。难题。立柱会自动垂直对齐。如果它们都是相同的尺寸，那么这不会是一个问题，但是立柱在不同高度之间会有所不同。总之，我希望创建两列[不同高度]的立柱，它们没有任何垂直对齐方式。我尝试了许多不同的解决方案，但似乎都不管用

第一个链接是JSFIDLE

对

CSS

---

任何提示或可能的替代方案都是非常好的，因为我一辈子都无法解决这个问题。我开始认为垂直对齐只是内联块固有的？

只有css是硬的，但你可以使用javascript插件gridalicious这里是到github的链接

---

这里有一个示例

仅使用CSS很难实现此布局。像Mashise这样的javascript插件可能会有所帮助。Metafizzy和Gridster是两个更棒的插件libraries@iharby：这个分号显然是我所有问题的答案，哈哈哈。现在一切都很顺利。非常感谢@谢谢你的链接@史蒂文桑德斯：谢谢你的提示，伙计。我希望我不必求助于使用JS，但如果其他方法都失败了，我就不得不求助于它。再次感谢。

#entries {
width: 600px;
{block:PermalinkPage}width: 630px;{/block:PermalinkPage}
position: relative;
padding: 0px;
margin: 10px 0px 0px 0px;
}

.posts {
position: relative;
text-align: left;
background: {color:Posts}; 
width: 250px;
{block:PermalinkPage}width: 500px;{/block:PermalinkPage}
margin: 20px;
padding: 0px; 
word-wrap: break-word;
display: inline-block;
clear: right;
}

.posts nth-child(even) {
float: right;
}

<div id="container">
    <div class="item">
        <img src="../">
        <p>Text </p>
    </div>
<div>