Html 如果网格列结束大于css网格中的最大列，会发生什么情况？

我一直在研究css网格系统。在基于线的布局部分，在玩了一会儿之后，我看到了一种奇怪的行为。如果布局为两列，例如定义为

网格模板列：1fr 3fr

对于我将

网格列结束设置为大于2的其中一个子项，它将生成具有自己的
网格间隙的空列。下面是一个工作示例，如果您检查
标题
，您会注意到代表空列的直虚线


正文{
宽度：90%；
最大宽度：900px；
利润率：2米自动；
字体：9em/1.2 Arial，Helvetica，无衬线；
}
.集装箱{
显示：网格；
网格模板柱：1fr 3fr；
栅隙：20px；
}
标题{
网格柱：1/13；
网格行：1；
}
文章{
网格柱：2；
网格行：2；
}
旁白{
网格柱：1；
网格行：2；
}
页脚{
网格柱：1/3；
网格行：3；
}
标题，
页脚{
边界半径：5px；
填充：10px；
背景色：rgb（207232220）；
边框：2个实心rgb（79185227）；
}
旁白{
右边框：1px实心#999；
}

这是我可爱的博客
我的文章
猫科虎耳草、枕叶虎耳草、芦丁虎耳草。在ultricies tellus laoreet坐着amet，他是一位杰出的艺术家。波尔塔的拍卖人库苏斯·马萨。整型同侧舌苔，三体坐在阿梅特·奥奇维尔，维韦拉·埃古斯塔斯舌苔。交通工具库拉比图尔·特鲁斯·奈克（Curabitur Vehiclula tellus neque），是一种生活在康瓦利斯湖（vitae convallis lacus）的鸟类。阿利奎姆·埃拉特·帕特。悬钩子。埃涅阿斯·菲尼布斯·索利西图因·厄罗斯·法雷特拉·康格（Eenean finibus sollicitudin eros pharetra congue）。奥古斯都和卢克图斯。这是一种常见的口香糖。但我要的是猫科动物，发酵液

不可能是临时的。多奈克·卢克图斯·奥古斯特·马莱苏阿达·乌尔特里斯（Donec luctus augue eget malesuada ultrices）。Phasellus turpis est，posuere sit amet dapibus ut，facilisis sed est。不，这是一个伟大的事业。精英多洛的生活，在我们的生活中。毛里斯·乌尔特里希斯·莱克特斯·塞德·洛博蒂斯·菲尼布斯。Vivamus eu urna eget velit cursus viverra quis前庭扫描电镜。阿利奎姆·廷西德·埃吉特·普鲁斯在英特杜姆。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯

其他事情
不可能是临时的。多奈克·卢克图斯·奥古斯特·马莱苏阿达·乌尔特里斯（Donec luctus augue eget malesuada ultrices）。Phasellus turpis est，posuere sit amet dapibus ut，facilisis sed est

接触me@mysite.com

对于其中一个子项，我将网格列端点设置为大于2，它将生成具有自己网格间距的空列

更准确地说，它大于3，而不是2。当有2列时，您将有3行（1,2,3），因此您可以通过设置
网格列：1/3



然后，如评论中所述，您需要理解显式网格和隐式网格的概念。为了方便起见，您可以定义显式网格，而隐式网格是自动定义的

三个属性
网格模板行
、
网格模板列
和
网格模板区域
共同定义网格容器的显式网格由于网格项目位于显式网格之外，最终网格可能会变大；在这种情况下，将创建隐式轨迹，这些隐式轨迹的大小将由
栅格自动行
和
栅格自动列
属性确定

也

如果网格项被定位到一行或一列中，而该行或列的大小不是由
网格模板行
或
网格模板列
明确确定的，则会创建隐式网格轨迹来容纳它。这可以通过显式定位到超出范围的行或列，或者通过自动放置算法创建其他行或列来实现。
栅格自动列
和
栅格自动行
属性指定隐式创建的轨迹的大小

如果网格的定义不足以包含所有元素，则会为此创建额外的行/列，最后的网格称为隐式网格。这是合乎逻辑的，因为拥有不属于网格的网格项是没有意义的

在您的情况下，使用
网格列：1/13
将创建总共12列，其中2列是明确定义的，其余的将是
自动
，当然还有11个间隙


您还可以构建一个完整的网格，而无需任何显式定义，并且只使用隐式定义

例如：


.box{
显示：网格；
栅隙：10px；
}
.box>*{
高度：50px；
背景：红色；
}
/*下图将使网格具有3列*/
.box>*：第n个子项（3）{
网格柱：3；
背景：绿色；
}

网格模板列定义了显式网格。元素的CSS规则网格列在隐式grid@Paulie_D隐式网格规则比显式网格规则优先级高吗？对我来说，这似乎有悖常理。这真的很奇怪，我不是要你推荐一本书，我是要你用w3c或mdn参考来支持你的回答。我希望看到至少一个
网格自动列的注释（
：）@NiettheDarkAbsol添加；）但它基本上是用不同的词重复相同的内容。当我们在列中有
网格间距
时，网格线是如何定义的？如果我有两列（非空）和20px的网格间隙，当我检查时，我看到4行。
line
只是一个虚构的东西穿过网格间隙的中间吗？@user31782网格线实际上并不存在。一句台词就是这样