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

Question

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

有想法吗

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

Answer 1

我认为您可以使用弹性显示。 我写了一个简单的示例来显示固定容器的用法： http : //jsbin.com/huqituhewu/edit?html,css,output 。 您可以通过以下方式使child 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的数量和最小/最大宽度，以查看效果。