我们是否需要将wrapper-div用于网格容器,还是可以将body元素用作容器

时间:2018-10-05 09:48:57

标签: css css-grid

在本系列中,他们都使用了包装器div。

MDN - CSS GRID Layout

这是必要的吗?如果是,为什么?

谢谢

1 个答案:

答案 0 :(得分:2)

包装的目的是多种的,包括:

  • 在语义上对元素进行分组,例如分隔页面标题 来自页脚的侧边栏中的正文文本。
  • 对元素进行美观分组,例如带有边框或 常见的背景图片或颜色。
  • 对布局中的元素进行分组,例如使它们保持相同 列彼此相邻时浮动列。
  • 启用特殊定位,例如当包装被赋予相对 定位以便包含绝对的子元素 定位。
  • 使在CSS和JavaScript中指定元素更加方便 通过参考他们的父母,而无需分别对他们进行id或分类 子元素。

(注意:上面的var应该全部在一行上)

因此,在这种情况下,我认为他们都使用了包装器div来对布局中的元素进行分组。