Html CSS网格布局在父div上，我想在子div上也使用它

在这个项目中，我将完整页面与CSS网格布局相结合

我目前在第一个div中定义了一个称为“section”的网格，但我也希望“slide”div的内容符合这个网格

下面是层次结构

<div class="section">
    <div class="fp slides">
        <div class="slides container">
            <div class="slide>

您可以将不应包含在网格中的子项标记为
display:contents
。这或多或少会使它们脱离DOM，因此它们的子项被视为网格项。但请注意，这会删除其他样式，例如背景。只能设置网格项的样式

不幸的是，这在Edge中还不受支持。但是你可以投票支持这个功能

我已更新了以下内容：

听起来你想要的是
display:sub-grid
，但不幸的是，目前任何浏览器都不支持这一点。sub-grid用于在另一个网格中创建网格。我只是想把我的网格带到儿童组。很公平……事实是，我怀疑……你们不能。这不是网格的工作方式。也许是一个适当的简化案例演示，而不是链接到该网站。我在这里用简化案例制作了一支笔：也许像这样？
.fp-slides, .fp-slidesContainer, .slide {
  display: contents;
}