元素不能漂浮在前一行太高的第一个元素

Question

我有一个浮动元素列表，宽度约为33％，每行3个元素。他们的身高各异。另外，我使用的是Javascript排序插件，不能使用CSS属性。

问题：如果给定行的第一个元素高于其他行，则下一行的第一个元素不能浮动到它下面。如何解决？

CSS：

.resource_item {
    float: left;
    width: 31%; 
    margin-bottom: 30px;    
    padding-left: 1%;
    padding-right: 1%;
}

PHP：

while ...

    ?>
    <div class='resource_item'>
        Content
    </div>
    <?php

endwhile;

Answer 1

正如评论指出的那样（由于某种原因将其删除），通过将元素设置为display: inline-block而不是浮动它们来解决问题。