Css 在另一个下方显示div

我有一个父div，它的宽度

100%，高度为500px

---

现在我想放置多个大小相同的

div

s

width:250px；高度：80px

一个低于另一个，一旦它穿过父div的高度，它应该从当前列的右侧开始。

您需要CSS列布局。大概是这样的：

#parent {
    width: 100%;
    height: 500px;
    background: #eee;

    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
}
#parent .box {
    width: 250px;
    height: 80px;
    background: #AAA;
    margin-bottom: 10px;
    display: inline-block;
}

演示： 支持：。
进一步阅读：

对于IE，您可能希望使用多个多边形填充中的一个或保持原样，对于IE，内联块将正常降级。

一些PHP可以实现（未经测试）：

---

或者你也可以使用另一个答案中提到的CSS列，但是我已经习惯于处理那些在旧浏览器中必须得到广泛支持的事情。

展示一些你迄今为止尝试过的代码？@NoobEditor从

开始，现在我想把…

实际上我想添加一个图像来解释我的问题，但我不被允许这样做。@HashemQolami:你看到OP提到的

问题了吗他被绊倒了？？？：）我认为如果没有一些编程，你是无法做到这一点的。每次通过6个子div时，您都需要在上一个容器div的基础上浮动新的容器div。非常感谢！这正是我想要的！
<div style="width:100%;height:500px;position:relative;">
  <div class="innerContainer" style="float:left;width:250px;">
    <div class="innerDiv" style="height:80px;">
      <?php for($i = 1; $i < $numDivs; $i++) : ?>
        <?php if($i % 6 == 0) : ?>
          <!-- create new container div -->
          </div>
          <div class="innerContainer" style="float:left;width:250px;">
        <?php endif; ?>
        <!-- put stuff in child div here -->
      <?php endfor; ?>
    </div>
  </div>
</div>