Html 网格区域在新城市中不工作，如何修复？

我在css中的网格布局系统方面遇到了问题，虽然我遵循Mozilla的官方指南，但即使复制和粘贴他们的代码也会给我带来错误

.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /*columns defined as a fraction of the grid*/
  grid-template-rows: auto; /*rows defined relative to the amount of areas*/
  grid-template-areas: 
  "header header header"
  "main main sidebar" 
  "footer footer footer";
}
.header {
  grid-area: header;

}

尽管到目前为止有人试图对代码进行故障排除，但网格区域线还是为我提供了

未知属性“网格区域”

neocities没有任何独特的文档。这仅仅是编辑的怪癖吗？还有其他选择吗？

如果“编辑器怪癖”的意思是“这是一个误判，因为编辑器没有CSS网格的synatx规则”，那么是的，这似乎是一个编辑器问题。据我所知，Neocities使用Ace编辑器，它还不支持CSS网格（请参阅）

假设它允许您保存更改，我将忽略这些错误-只要浏览器支持，它仍然可以工作。CSS网格规范仍在积极开发中，因此，您可能需要考虑回退规则。

---

至于替代方案，您可能能够使用flexbox近似网格布局（这一点上有相当好的支持）。如果可以接受将内容设置为表格内容的样式，您也可能会发现此问题和答案很有用。

Neocities使用Ace Editor？很高兴知道，我也会尝试使用flexbox，看看它是否更适合。就我所知，是的，从源代码来看，Neocities使用Ace编辑器。我对Neocities并不是很熟悉（我知道它，但从来没有理由使用它），所以请吃一点健康的盐。如果您不需要浏览器中的编辑器，您可能可以使用诸如、或（或其他任何可以使您的船漂浮的东西）之类的工具。