嘿，这事儿我之前在Firefox Dev Edition早期版本里也踩过坑！你遇到的是Firefox Developer Edition 60.0b4的开发者工具bug——它会错误地给标准CSS Grid属性值min-content和max-content自动加上-moz-前缀，转头又把这些被篡改的代码标记为错误，导致页面没法正常渲染网格布局。而Chrome DevTools对这些标准属性的支持更到位，所以没出现这个问题。

快速解决办法 #

• 手动修正临时解决：在Firefox DevTools的样式面板里，找到被自动添加前缀的-moz-min-content和-moz-max-content，手动删掉-moz-前缀改回原始的min-content/max-content，保存后页面就能正常显示你想要的网格布局了。
• 升级浏览器彻底解决：这个工具bug在Firefox 60正式版以及后续更新的Dev Edition版本里已经被修复了，直接升级到新版本就能一劳永逸解决这个问题。

关于你的代码 #

你写的这段CSS是完全符合标准的：

z-index: 2; 
grid-template-rows: 43vh min-content min-content max-content; 
grid-template-areas: "SectionSpacer" "Sect...

不需要手动加任何前缀，在支持CSS Grid的现代浏览器（修复bug后的Firefox也包含在内）里都能正常工作。

内容的提问来源于stack exchange，提问作者user2182570