用高度和宽度的其他div填充div

Question

我有一个div可以有百分比或固定的尺寸;我需要用相同大小的其他div来完全填充div，以形成网格。

有些想法？

编辑： 我想生成一个类似于下面可见的网格

Answer 1

我认为你可以使用flex展示。我写了一个简单的例子来展示固定容器的用法：http://jsbin.com/huqituhewu/edit?html,css,output。您可以通过以下方式使子div填充空间（它来自jsbin链接）：

.container {
  position: fixed;
  height: 100px;
  width: 100px;
  display: flex;
}

.container > * {
  flex: 1;
} 

关于flex的一个很好的教程：https://css-tricks.com/snippets/css/a-guide-to-flexbox/。

如果您想要多行显示，请再玩一点以形成漂亮的网格。

编辑：我添加了flex-wrap和min-width样式。现在，当容器中有更多项目时，就会形成行。请注意，当行中少于4个项目时，它们会很好地伸展到整个宽度。如果有4个或更多项目（100％/ 25％（最小宽度= 25％）= 4），则保持宽度并换行。玩儿童div数量和最小/最大宽度来看效果。