在高度和寬度上填充其他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和最小/最大寬度來查看效果。