如果所有内容都包含在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?

所以你可以看看有什么更多的人就可以说。