额外的<div>包装器的目的是什么？</div>

Question

我偶尔会看到以下结构：

<div id="main-header-wrapper">
    <div id="main-header">
        <span>foo</span>
        <span>bar</span>
        ...
    </div>
</div>

main-header-wrapper和main-header之间根本没有任何内容。当已经存在一个级别（即main-header）时，为什么要使用外部包装？

Answer 1

有多个方面可以产生影响：

• 某些布局需要此组合。如果您的情况需要，取决于应用的css规则。有关详细信息，请参阅此question。

• JavaScript代码可以读取/操作通过ID标识节点的DOM