多种高度卡布局，响应迅速（无固定高度）

Question

我需要一个具有响应性的多高度卡片布局，并且不应为每个元素定义高度

<div id="container" class="cols">
    <div class="box one"></div>
    <div class="box two"></div>
    <div class="box one"></div>
    <div class="box three"></div>
    <div class="box two"></div>
    <div class="box five"></div>
    <div class="box one"></div>
    <div class="box two"></div>
    <div class="box six"></div>
    <div class="box three"></div>
    <div class="box two"></div>
</div>

这是我正在尝试的代码，我需要相同的布局，没有任何特定的高度（动态高度）