不存在 grid-row: 1 / span all 这种写法，CSS Grid 规范中 span 后只能跟正整数，合法跨至末行的写法为 grid-row: 1 / -1、grid-row: 1 / 99 或命名线方案。
不存在 grid-row: 1 / span all 这种写法，浏览器会直接忽略它。 CSS Grid 规范中没有 all 这个关键字，span 后面只能跟正整数（如 span 3），不能是单词 all 或 auto。
grid-row 跨多行的合法写法只有这三种
真正能实现“从第 1 行开始、一直跨到最后一行”的写法，取决于你是否知道总行数，以及是否用了命名线：
-
grid-row: 1 / -1—— 从第 1 行线开始，到倒数第 1 条行线结束（即最后一行线），适用于已知网格有明确行数定义（如grid-template-rows: 100px 200px 1fr）的场景；注意：如果没定义grid-template-rows，只靠内容撑出行高，-1可能不指向预期位置 -
grid-row: 1 / 99—— 用一个足够大的数字“硬撑”，依赖隐式网格扩展；缺点是语义差、难维护，且在响应式变化时容易错位 -
grid-row: 1 / 100vh这类写法完全无效——grid-row不接受长度单位，只接受线号、span N或命名线
为什么 span all 是常见误传
这个词常出现在搜索建议或旧框架文档里，混淆了 HTML 的 colspan="all"（其实也不存在，HTML 中只有 colspan="N"）和 Grid 的语义逻辑。Grid 的 span 指的是「跨越多少个轨道」，不是「覆盖全部可用空间」。它不感知容器总高度，也不自动计算剩余行数。
- 如果你希望侧边栏始终填满容器高度，更可靠的方式是让容器本身有确定的
height或min-height，再配合grid-row: 1 / -1 - 若容器高度由内容决定，且侧边栏需随主内容等高，应优先考虑用
align-self: stretch（默认值）+ 显式设置grid-row起始线，避免依赖span推导 - 命名线方案更稳健：比如定义
grid-template-rows: [sidebar-start] 1fr [sidebar-end]，然后写grid-row: sidebar-start / sidebar-end
侧边栏布局中容易被忽略的对齐问题
即使 grid-row 写对了，侧边栏内容仍可能顶部对齐、不居中，因为：
立即学习“前端免费学习笔记（深入）”；
-
grid-row: 1 / -1只控制该元素占多少行区域，不控制其内部内容如何排布 - 要让文字垂直居中，需在侧边栏元素上加
display: flex; flex-direction: column; justify-content: center;，或设display: grid; place-items: center; - 如果侧边栏设置了
overflow: hidden，而内容超出所占网格区域（比如字体太大、内边距过厚），会被裁剪——这不是grid-row的问题，而是内容与容器尺寸不匹配
最稳妥的做法：先确保父容器有明确高度约束或使用 min-height: 100vh，再用 grid-row: 1 / -1 + 命名线收口；别信 span all，它从来就没进过规范草案。
