有一个关于grid列宽计算的问题，始终想不明白，想请教一下各位。
A对于它的子元素使用grid布局，并且设置了place-content: center;其他使用默认设置。
A的所有子元素没有显式设置width和height。
这会形成一个n行一列的元素，由于justify-content: center，所以列宽为该列元素宽度的最大值。justify-items默认为stretch，所以最后所有的子元素的宽度最后都拉伸到该列宽的宽度。
A有一个子元素B，它的css设置如下所示
```
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
```
求列宽 => B的内容宽度 => B的布局(auto-fit)需要列宽
这不是死循环了吗？
还是在求列宽度时候会忽略auto-fit?
代码:
codesandbox.io
A对于它的子元素使用grid布局，并且设置了place-content: center;其他使用默认设置。
A的所有子元素没有显式设置width和height。
这会形成一个n行一列的元素，由于justify-content: center，所以列宽为该列元素宽度的最大值。justify-items默认为stretch，所以最后所有的子元素的宽度最后都拉伸到该列宽的宽度。
A有一个子元素B，它的css设置如下所示
```
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
```
求列宽 => B的内容宽度 => B的布局(auto-fit)需要列宽
这不是死循环了吗？
还是在求列宽度时候会忽略auto-fit?
代码:
codesandbox.io
展开
3
3