如果所有内容都包含在div中，它是否会对浏览器渲染性能产生影响？

Question

说，我有一个html页面，其中包含以下（简化）内容：

<div class="wrapper">
  <div class="block1"></div>
  <div class="block2"></div>
  <div class="block3"></div>
</div>

反对这一个：

<div class="wrapper">
  <div class="block1"></div>
</div>
<div class="wrapper">
  <div class="block2"></div>
</div>
<div class="wrapper">
  <div class="block3"></div>
</div>

这是否会影响浏览器的渲染速度？我想知道在第一种情况下浏览器是否需要计算所有三个子div的布局以呈现包装器元素。

Answer 1

据我所知，它根本不应该影响性能，所以最好以你需要的为准。

此外，这个问题已在这里得到解答：Does the use of multiple DIVs affect page performance?

所以你可以看看那里有更多人说的话。