Subgrid 再添一力

我想说，我 85% 的网格使用都属于以下两种情况之一...

1. 我只需要一些非常基本的（可能是等宽的）列，最终得到类似 grid-template-columns: repeat(3, minmax(0, 1fr)); 的东西。 为了安全起见.
2. 实际上，做一些真正的布局，五分钟后我意识到我真的想要 subgrid。

Subgrid？这是一种直观的方式，可以让子元素继承父网格的相关网格线。

这里有一个 最近的精彩视频，由 Rachel Andrew 讲解。去年，我们链接了她关于同一个主题的演讲！这是一个非常重要的功能，我希望我们能够在跨浏览器环境中使用它。现在，Firefox 是唯一支持它的浏览器。 (Chrome 问题，Safari 问题)

在我最近的视频中，大约 20 分钟的时候，我意识到 subgrid 会让一个相当简单的布局变得更加美观，比如消除对变量的需求或避免使用魔法数字。

以下是我和 Dave 使用 subgrid 构建布局的另一个视频。