grid-column/grid-row仅对网格容器的直接子元素生效；若目标元素是孙辈或被float、absolute等脱离流的样式影响，或父容器未设display: grid、线号超出范围、命名线未正确定义，均会导致失效。
grid-column / grid-row 无效，先查元素是否为直接子项
Grid 定位只对网格容器的直接子元素生效。如果目标元素嵌套在中间层（比如 .profile-p-info）里，哪怕它离容器只隔一层，grid-column 和 grid-row 也会被浏览器完全忽略——不是语法错，是它根本不在网格上下文中。
常见现象：头像 .pfp-div 能准确定位，但用户名 .profile-p-name-div 写了 grid-column: 2 / 3 却纹丝不动。原因就是后者藏在 .profile-p-info 里面，属于“孙辈”，而 .profile-p-info 自己没设 grid-column，也没启用 subgrid。
- 打开 DevTools，选中失效元素，看 Styles 面板里
grid-column-start是否被划掉（strikethrough）——被划掉 = 不参与网格布局 - 检查 computed styles 中该元素的 display 值：如果不是
block、inline等常规值，而是显示为grid或flex，说明它自己成了格式化上下文根节点，外层网格彻底失效 - 最稳妥解法：扁平化结构，把所有需定位的区块提成网格容器的直接子元素，删掉冗余包裹层
网格容器没设 display: grid，属性全被忽略
grid-column 这类属性不会“向上冒泡”或“自动激活”父容器。如果父元素只是写了 class="profile-preview-div"，但 CSS 里没显式声明 display: grid（或 inline-grid），那所有子元素的网格定位规则都会被静默丢弃，表现和普通块级元素一样。
容易漏掉的点：
立即学习“前端免费学习笔记（深入）”；
- 样式被后续规则覆盖，比如某处写了
.profile-preview-div { display: flex; }，直接干掉 grid - 用了过时前缀如
display: -ms-grid，现代浏览器不识别 - 媒体查询里只改了
grid-template-columns，却忘了补上display: grid，断点后整个布局退化
验证方法：在 DevTools 的 Computed 标签页里搜 display，确认值确实是 grid，而不是 block 或其他。
线号写错或命名线未定义，位置偏移或 fallback 到 auto
网格线编号从 1 开始，不是 0；且隐式生成的线也参与计数。比如 grid-template-columns: 1fr 2fr 会生成 3 条垂直线（1–2–3），写 grid-column: 1 / 3 才跨两列；grid-column: 1 / 2 只占第一列。
用命名线更可靠，但必须确保定义和引用一致：
- 容器定义必须带方括号：
grid-template-columns: [start] 1fr [content] 2fr [end] - 子元素引用时不能漏括号：
grid-column: content / end，写成content/end或content to end都无效 - 引用了未定义的名称（如
grid-area: header但没在grid-template-areas里声明）——属性不报错，但也不生效 - 响应式场景下，断点后列数变少（比如从 4 列缩到 2 列），原写的
grid-column: 1 / 5中的线 5 就不存在，浏览器 fallback 到auto，结果不可控
绝对定位元素写了 grid-column 却没反应
position: absolute 的元素会脱离文档流，不再参与网格轨道计算。grid-column、grid-row、grid-area 对它完全无效——这不是 bug，是规范行为。
此时它只认最近的已定位祖先（position: relative、absolute、fixed）作为包含块。如果网格容器仍是 static（默认值），它就可能飞到 body 左上角。
- 想让它以整个网格区域为参考系？给网格容器加
position: relative - 想钉在某个具体网格单元内部（比如卡片右上角）？给那个网格项（如
.card）加position: relative，再把绝对定位元素放进去 - 别混用：
grid-column: 2 / 4和left: 100px同时写，后者会直接覆盖前者的视觉效果，但前者其实早已失效 - 调试时看 Computed 面板里的
position值，再点开 “Containing Block” 查看实际参考容器是谁
