2

我在网格中显示了 html 元素（div）。所以在 body 元素的 css 中，我添加了网格切片：

body {
   ...
   grid-template-areas:
    'nav nav nav nav'
    'filter filter filter edit'
    'main main main edit'
    'info . buttons edit';
}

所以我有 div 元素导航、过滤器、编辑、主、信息和按钮

现在我想要（出于背景原因，...） div 封装过滤器、主要、信息和按钮 div。

所以它应该是这样的：

<body>
  <div class='nav'>
  </div>
  <div class='index'>
    <div class='filter'>
    </div>
    <div class='main'>
    </div>
    <div class='info'>
    </div>
    <div class='buttons'>
    </div>
  </div>
  <div class='edit'>
  </div>
</body>

我的问题是，我不知道对这个索引 div 进行 CSS 处理，以便所有其他子项都可以使用网格模板，并且该索引将封装其所有子项。

我想避免的：

  • 在 grid 中创建网格：可能我需要一些其他封装的 div，所以这是不切实际的。
4

0 回答 0