我遇到嵌套CSS网格的问题,其中嵌套网格使用重复的自动填充模板列,然后强制外部网格的高度。
我在这里创建了一个示例:https://codepen.io/davshoward/pen/XzKKOG
您可以看到内容区域的高度太高。如果删除该行:
grid-template-columns: repeat(auto-fill, 17.5rem);
......它突出了为什么它的高度。
任何人都有任何想法?
答案 0 :(得分:0)
解决了这个问题。
违规参数是" auto"在外部网格上。
从" 15rem auto"更改它到" 15rem 1fr"允许嵌套按照我的希望行事。