初学flex和grid遇到的小问题

最近在看flex和grid两个布局方式。写了个demo页面一个个试属性。 结果发现： 当设置容器css如下时：  display:grid;  grid-template-columns:repeat(auto-fill, 12%) ;  height:400px;  width: 100%; 容器的宽度不是100%，如图 看上面剩余文字居中就能看出来，下面的几个绿色格子所在容器没有沾满整行的宽度

>>阅读原文<<