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

Question

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

有些想法？

编辑： 我想产生类似我认为你可以使用柔性显示器的一个下面

Answer 1

立即可见的网格。我写了一个简单的例子来显示固定容器的用法：http://jsbin.com/huqituhewu/edit?html,css,output。你可以让孩子div的填写以下方式的空间（它的部分来自jsbin链接）：

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

.container > * { 
    flex: 1; 
} 

有大约弯曲一个很好的教程：https://css-tricks.com/snippets/css/a-guide-to-flexbox/。

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

编辑：我已经添加了柔性包装和最小宽度样式。现在，行在您的容器中有更多项目时形成。请注意，当行中的项目少于4个时，它们很好地展开为全宽。如果有4个或更多项目（100％/ 25％（最小宽度= 25％）= 4），它们保持宽度并包装。玩大量的div div和最小/最大宽度来查看效果。