CSS网格嵌套和自动填充高度问题

Question

我对嵌套的CSS网格有一个问题，嵌套网格使用重复的自动填充模板列，然后强制外部网格的高度。

我在这里创建了一个示例：https://codepen.io/davshoward/pen/XzKKOG

您可以看到内容区域的高度是如何太高的。如果您移除这一行：

grid-template-columns: repeat(auto-fill, 17.5rem);

..。它突出了为什么它是如此之高。

有人知道为什么吗？

Answer 1

解决了这个问题。

违规参数是外部网格上的"auto“。

将它从“15 from汽车”更改为“15 rem1FR”，可以让嵌套按我所希望的那样进行。