Question

HTML+CSS body{}下到底有没有必要再出现一个全局DIV包含所有元素？代码如下

例1：
body{
<div id= header> </div>
<div id= mainpart> </div>
<div id= footer> </div>
}

例2：
body{
<div id= all>

<div id= header> </div>
<div id= mainpart> </div>
<div id= footer> </div>

</div>
}

问题是这个在body 标签下的 最大的DIV块 all, 有没有出现的必要？它所能实现的功能body貌似全部可以，还多增加了一层DIV嵌套，到底有没有存在的必要？

请高手解答，并指出优点 和 缺点，谢谢。

Answer 1

这个要看实际需要了,
一般来说如果你的网页宽度是固定的,最好设置一个外部的div 用这个div来控制整体宽度.
如果宽度不是固定的,比如头部和导航栏是全屏的,主题可能固定宽度, 这种情况就不需要加上all了

布局没有规则,完全是看自己需要的

Answer 2

这个要根据实际要求，我举个例：
1.楼主的第一种，假如header、main、footer的宽度是不相同的话，就需要分别设置下他们的宽度，子元素就可以自适应，从而减少width这个样式的代码，有利于减少代码的冗余。

2.楼主的第二中方法，适用在全局的宽度统一，但是，一旦需要修改某大板块的宽度的时候，问题就来了，全局宽度已经固定了，这时如果要修改的话就要费时间修改了。

所以第一中方法比较灵活，而第二种方法在不大改动的情况下有利于减少样式重复书写的问题。

Answer 3

完全没有必要，div框只是一个容器，而真正控制的是css代码，其实上面的两种情况可以实现同一种效果，所以完全没有必要，其实这个主要还是看个人习惯

Answer 4

没必要啊。。这样听说是不利于优化呀。写的话 也可以写在body 里面。有些地方需要写的话当然也可以写。只是如果没有特别的需要的话 最好是别写。

Answer 5

在背景色上有区别的：

• 如果你给body设置宽度再填充背景色，就会发现body的背景色范围并不受宽度影响，而body内元素的宽度却受到了应有的影响。

• 如果给wrapper设置宽度并填充背景色，那背景色只出现在宽度内部，和普通div一样。

• 我也不知道为什么，反正就是这个结果，先当做规定来用吧！