Css 哪种方法会减少跨浏览器问题？参见示例图像

将主要内容和上下文div封装在内容div中有什么好处吗

列数可以增加。像1。主要内容2。左侧边栏3。右侧边栏

我的主要问题是，将所有内容封装在另一个

div

中有什么好处吗

---

（来源：）

可能有。所以答案是。。。视情况而定

通常我会像这样包装相邻的div，特别是如果有语义上的原因这样做的话。但即使没有，也几乎没有开销。通常，如果你有这样的筑巢方式，你会发现它不会那么尴尬。例如，如果您想浮动一个子元素或浮动两个子元素，这将使它变得更容易

在这种情况下，您可以认为您的文档包括：

• 标题
• 内容
• 页脚

在此页面上有两列内容，但在其他页面上可能没有。其他页面可能只有一列，也可能有五列。不管是什么情况，让contentdiv包装所有列都会使总体布局（对于所有情况）变得更容易

---

有必要吗？绝对不是。你可以用任何一种方法。这两种方法都很好，也很有效。

如果您打算将主要内容和上下文的位置“分组”在一起，那么可以使用它，例如，您可以将它们相对放置，而不会对其他元素（如页眉和页脚）产生负面影响。在语义/SEO术语中，额外的div实际上没有影响。

如果边栏和主内容div总是在一起，我认为第二个选项更聪明，因为您可以使用css和javascript外部内容包装器的id一次操作整个区域

除了强烈的极简主义态度（我倾向于）之外，不这样做的唯一原因是，如果您希望页面的每个区域都是真正模块化和独立的。像csszengarden这样的实验就是基于这样一个原理。简而言之，这种理念认为div和其他元素是信息块，应该能够按照设计师想要的任何方式进行排列（例如，将标题放在底部，或者将主要内容与边栏div交换，等等）。通过使用包装器div，您必须使用固定定位等技术将内部div从包装器中分离出来（例如，可能将其放在左上角）

---

但除此之外，从语义上看，这两个块似乎是结合在一起的，因此包装它们并不是一个难题。期待HTML5元素

，它明确地用于像您示例中的注释那样的旁注。

好的，谢谢回复，但是我们会有更少的跨浏览器问题吗？我应该教给新生哪种方法？在另一个div中包装div只会提供样式方面的好处。。。CSS首字母缩略词的“级联”部分。是的，如果边栏wll的数据多于“主要内容”，我们将在“设置B”中遇到问题