Sass 使用网格跨度与布局以及背景网格嵌套柱

大家好

我一直在研究奇点网格框架，到目前为止，我非常喜欢它的简单性和概念/心智模型。然而，和其他人一样，我仍然对如何在奇点中正确地进行嵌套网格感到困惑。在研究了类似的问题之后：

我给出了以下创建嵌套网格的示例：一个仅使用

网格span

，另一个使用

布局和
网格span
：





正如您所见，虽然使用
layout
方法感觉更好，但它们实现了相同的最终结果。考虑到这一点，我的问题有两个方面：

是否有“最佳/推荐做法”用于创建具有奇点的嵌套网格
当使用
网格跨度
与
布局
时，为什么
背景网格
在相同元素上绘制的网格不同？似乎嵌套列的创建方式不同，因此具有不同的“内部”列？使用
layout
的背景网格看起来更正确，尽管有些元素看起来不正确（例如
background grid
绘制的“first”元素内部有10列，而它仅跨越父容器的8列，“a”和“b”元素内部有6列由
背景网格绘制（尽管它们只跨父容器的3列）

如果我误解了奇点的一些简单概念，我提前道歉。事实上，很可能是这样；）

提前感谢您的帮助

和平
布局
适用于嵌套很多东西的时候。只需指定一次上下文，然后就可以在该嵌套上下文中嵌套子元素

grid span
提供一次性上下文分配。它用于嵌套单个元素

如果需要在嵌套上下文中使用
背景网格
，则应使用
布局
，并应识别正确的上下文<代码>背景网格

容易出现舍入错误，尤其是在基于webkit的浏览器中，指南可能会稍微偏离。

布局

适用于嵌套大量内容的情况。只需指定一次上下文，然后就可以在该嵌套上下文中嵌套子元素

grid span

提供一次性上下文分配。它用于嵌套单个元素

---

如果需要在嵌套上下文中使用

背景网格

，则应使用

布局

，并应识别正确的上下文<代码>背景网格容易出现舍入错误，尤其是在基于webkit的浏览器中，而且指南可能会稍微偏离。谢谢您提供的信息。因此，由于

background grid

使用网格上下文，只有通过修改

$grids

或使用

layout

才能更改网格上下文，因此只有在容器中使用它才有意义。这是正确的理解吗？再次感谢您的帮助和奇点。感谢您提供的信息。因此，由于

background grid

使用网格上下文，只有通过修改

$grids

或使用

layout

才能更改网格上下文，因此只有在容器中使用它才有意义。这是正确的理解吗？再次感谢您的帮助和奇点。