每行的不同列大小（网格）

Question

我在布局中使用CSS网格... 如何在第一行上设置不同的列大小，并在第二行上设置全宽度？ 这可能吗？

非常感谢！！！

Answer 1

这是不可能的，CSS网格的想法是具有“网格”，即所有行都遵循相同的列配置。

但是，您可以做的是要有一个元素跨越几列，在这里您有几个选择：

从第一列到第一列从第一个列到第一个列，

div:nth-child(3) {
  grid-column: 1 / -1;
}

从第一列跨越第一个列：

div:nth-child(3) {
  grid-column: 1 / span 2;
}