隐式网格由浏览器在显式轨道不足时自动创建，核心控制三要素：grid-auto-flow决定填充方向（row/column/dense），grid-auto-rows和grid-auto-columns设定隐式轨道尺寸，三者缺一不可。
隐式网格不是你“写出来”的，而是浏览器在显式轨道不够用时自动补的——控制它的核心就三件事：谁来填、往哪填、填多大。
grid-auto-flow 决定新项目往哪塞
它不生成轨道，只管“填空顺序”。默认 grid-auto-flow: row，意味着新项目从左到右填满当前行，再开下一行；设成 grid-auto-flow: column，就从上到下填满当前列，再开新列。
- 常见错误：写了
grid-template-columns: 1fr 1fr却没设grid-template-rows，放了 5 个子项却全挤在第一行——其实是row模式下，列数固定但没限制行高，内容横向撑开了整行 - 想让内容垂直流式排列（比如时间线），必须配
grid-auto-flow: column+grid-auto-columns，否则隐式部分只会不断加行，不会新增列 -
dense模式（如grid-auto-flow: row dense）会回头填前面留下的空洞，但 DOM 顺序不变，屏幕阅读器仍按源码读，:nth-child()也照旧匹配——视觉和语义错位，慎用
grid-auto-rows 和 grid-auto-columns 控制隐式轨道尺寸
它们只作用于“凭空多出来的”轨道，对 grid-template-rows 或 grid-template-columns 定义的显式轨道无效。默认值是 auto，但生产环境几乎不能依赖它。
-
grid-auto-rows: auto→ 隐式行高由内容撑开，若子项为空或高度为 0，该行可能塌陷不可见 - 推荐写法：
grid-auto-rows: minmax(120px, auto)（保底高度 + 内容可撑开）或grid-auto-rows: 80px（固定高度） -
grid-auto-columns同理，尤其在用grid-column跳跃定位（如grid-column: 5 / 6）时，没设它会导致新增列宽为auto，宽度随内容跑偏 - 注意：
grid-auto-rows: repeat(3, 50px)不是生成 3 行，而是把每个隐式行都设为 50px 高
隐式网格什么时候真正被触发？
它只在两个明确场景下出现：一是子项数量超过显式定义的行列数；二是子项显式指定了超出范围的网格线（比如 grid-row: 5 但只定义了 2 行）。
立即学习“前端免费学习笔记（深入）”；
- 写了
grid-template-rows: 200px 200px却放了 5 个子项，又没设grid-auto-rows→ 多出的子项会被压进前两行里，而不是自动换行 - 用了
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)))→ 所有列都是显式生成的，grid-auto-columns完全不生效 - 开发者工具 Layout 面板里看到灰色虚线轨道，就是隐式轨道；控制台若提示
Grid row X is not defined，说明已触发隐式生成逻辑
最易被忽略的是：隐式轨道的尺寸和方向是解耦的——grid-auto-flow 决定往哪扩，grid-auto-rows/grid-auto-columns 决定扩多大，两者必须配合，缺一不可。
