达到最大高度时重新排列div

Question

我有大量的小div由php生成，当他们达到父div的最大高度时需要形成列。

<div class="parent">
     <div class="child"></div>
     <div class="child"></div>
     <div class="child"></div>
     <div class="child"></div>
     <div class="child"></div>
     <div class="child"></div>
     <div class="child"></div>
     ...
</div>

它们都是22 * 22的正方形，需要堆叠在最大高度为115px的div中，无限宽度，底边和右边距为1.当5形成一列时，第六个需要位于右侧第一

我在其他地方看到这只能通过js来实现，我该怎么做呢？如果没有添加柱系统，通过css真的不可能吗？

Answer 1

.parent .child:nth-child(6n) {
    float: left
}

如果6不起作用，您可能需要尝试其他值而不是6。