显式行由grid-template-rows定义，数量和尺寸固定；隐式行在内容超出时自动生成，数量不固定，高度由grid-auto-rows控制。
在CSS Grid布局中，explicit row（显式行）和implicit row（隐式行）是控制网格行生成的两种方式，它们的核心区别在于是否由开发者直接定义。
显式行（Explicit Rows）
显式行是通过 grid-template-rows 属性明确定义的行。你指定有多少行、每行的高度是多少，Grid容器就按这个结构创建对应的行轨道。
例如：
.container {
display: grid;
grid-template-rows: 100px 50px; /* 定义了2个显式行 */
}
上面代码创建了一个包含两行的网格：第一行高100px，第二行高50px。这些就是explicit rows。
隐式行（Implicit Rows）
当网格项的数量超过显式定义的行数时，Grid会自动创建额外的行来容纳这些项目，这些自动生成的行就是implicit rows。它们不是你在 grid-template-rows 中声明的，而是由浏览器根据内容需要动态添加的。
.container {
display: grid;
grid-template-rows: 100px; /* 只定义1行 */
grid-auto-rows: 80px; /* 隐式行的高度 */
}
<p>/<em> 假设有3个子元素 </em>/
.item1 { grid-row: 1; }
.item2 { grid-row: 2; } /<em> 超出显式范围，触发隐式行 </em>/
.item3 { grid-row: 3; } /<em> 再次触发隐式行 </em>/</p>
这里只显式定义了一行，但有三个项目分别放在第1、2、3行。第2行和第3行就是implicit rows，它们的高度由 grid-auto-rows 控制，默认为 auto（内容高度）。
关键区别总结
-
显式行：由
grid-template-rows明确创建，数量和尺寸固定。 -
隐式行：由内容超出显式网格时自动产生，数量不固定，可通过
grid-auto-rows设置默认高度。 - 显式行适用于已知结构的布局；隐式行适合动态或不确定数量的内容。
基本上就这些。理解这两者的运作机制，能更好控制Grid容器如何响应内容变化。隐式行的存在让Grid更灵活，但也需要注意可能带来的空白或布局错乱问题。合理设置 grid-auto-rows 和使用 grid-row 定位可以避免意外。
