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

时间:2017-11-06 00:50:01

标签: css css-grid

我遇到嵌套CSS网格的问题,其中嵌套网格使用重复的自动填充模板列,然后强制外部网格的高度。

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

您可以看到内容区域的高度太高。如果删除该行:

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

......它突出了为什么它的高度。

任何人都有任何想法?

1 个答案:

答案 0 :(得分:0)

解决了这个问题。

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

从" 15rem auto"更改它到" 15rem 1fr"允许嵌套按照我的希望行事。