Html CSS网格速记-网格区域属性不起作用

我目前正在设置CSS网格，并尝试使用网格速记在一个干净的声明中列出所有内容

e、 g.

grid:auto/“边栏”15em“内容”auto

这是行不通的。Chrome不会解析它。然而，这确实有效

grid:“menu”45px“context header”100px“main”auto/auto

我最初认为我不能将
auto
放在
/
之前，而是删除
网格区域
属性，使其成为
网格：auto/15em auto解析很好

现在，关于我是否真的需要使用面积属性，这里可以提出一个更重要的观点。这只是一种声明轨迹空间的可读性很好的方法。
所以我想我的问题更多的是关于语法。为什么我可以在
/
之前拥有栅格区域属性，而不能在之后

我已经阅读了mozilla文档，目前将其用作我的“圣经”。除非我误解了一些明显的东西，否则我无法找出我为什么会有这个问题

提前谢谢

编辑：
以下是我的网格声明全文，以供进一步理解。SASS变量名希望是自解释的

包装器

$grid-wrapper-columns: auto;
$grid-wrapper-rows: 45px 100px auto;
$grid-wrapper-area: "menu" 
"context-header"
"main";

main

$grid-main-columns: 15em auto;
$grid-main-rows: auto;
$grid-main-area: "sidebar" "content";

内容

$grid-content-columns: 80% 20%;
$grid-content-rows: auto;
$grid-content-area: "content-left" "content-right";

您只需将名称交换到斜杠的左侧，如下所示：

网格：“侧栏”“内容”自动/15em自动；

这使得：

网格模板行：自动；
网格模板列：15em自动；
网格模板区域：“侧栏”“内容”；
网格自动行：自动；
网格自动列：自动；
网格自动流：行；
是否可以尝试在不使用shorhand属性的情况下编写代码？这将有助于诊断您的CSSAM中的错误，并举例说明：）我明白了。因此语法不允许您在速记声明的
部分指定
网格模板区域
？另外，在您的示例中，斜杠前是否需要两个自动？还是仅仅用一个就可以得到同样的效果<代码>“侧栏”“内容”自动
。非常感谢您的帮助。@EdwardScull不需要两辆汽车，编辑了我的答案。事实上，我不知道为什么它不会以另一种方式工作。我对此不是很清楚好的，非常感谢你的帮助。真奇怪。使用你的方法（几乎）奏效了。请看这支笔，以便更好地理解我说“差不多”时的意思。