初學flex和grid遇到的小問題

最近在看flex和grid兩個佈局方式。寫了個demo頁面一個個試屬性。 結果發現： 當設置容器css如下時：  display:grid;  grid-template-columns:repeat(auto-fill, 12%) ;  height:400px;  width: 100%; 容器的寬度不是100%，如圖 看上面剩餘文字居中就能看出來，下面的幾個綠色格子所在容器沒有沾滿整行的寬度

>>阅读原文<<