嵌套在wrapper-div或body元素中的CSS网格? [英] CSS Grid nested in a wrapper-div or a body element?

问题描述

在本系列中，他们都使用了包装器div.

In this series they all used a wrapper div.

MDN-CSS GRID布局

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

Is this necessary, and if yes, why?

推荐答案

包装器的用途有很多种，包括:

The purposes of wrappers are several, including:

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

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

(Note: the var above should all be on one line)

因此，在这种情况下，我认为他们都使用了wrapper div来对布局中的元素进行分组.

So in this case, i think they all used a wrapper div just to group elements in layout.

这篇关于嵌套在wrapper-div或body元素中的CSS网格?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！