在这个系列中，他们都使用了包装器div。
MDN - CSS 网格布局
这是必要的吗，如果是，为什么？
包装器的用途有几个，包括：
- 按语义对元素进行分组，例如分隔页面标题 从侧边栏的正文文本 从页脚。
- 以外观方式对元素进行分组，例如使用周围的边框或 常见的背景图像或颜色。
- 在布局中对元素进行分组，例如将它们全部保留在同一元素中 列，当列彼此相邻浮动时。
- 启用特殊定位，例如当包装器被赋予相对时 定位以包含具有绝对值的子元素 定位。
- 使在 CSS 和 JavaScript 中指定元素更方便 通过引用它们的父级，而不必对每个 ID 或类 子元素。
(注意：上面的var应该都在一行上(
所以在这种情况下，我认为他们都使用包装器div 只是为了在布局中对元素进行分组。