Css 元素可以'；t浮动在前一行的下方'；第一个元素太高了

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

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

CSS:

PHP:

当。。。
?>
内容
正如一条评论所指出的（该人出于某种原因删除了它），通过将元素设置为
display:inline block
，而不是浮动它们，问题得到了解决。
忘了提到，我不能使用“clear”，因为我使用的是一个Javascript排序插件，可以重新组织所有元素（通过使某些元素不可见）@Paulie_D：这不是你提到的问题的重复，在这个问题中，我们寻求一种砖石结构的布局。在这个问题上，我首先想知道提问者拥有什么！
.resource_item {
    float: left;
    width: 31%; 
    margin-bottom: 30px;    
    padding-left: 1%;
    padding-right: 1%;
}

while ...

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

endwhile;