周围的div标签不应用背景色

问题描述

| 代码如下：

<div id=\"wrapper\">
  <div id=\"content\">
    <!-- content -->
  </div>
  <div id=\"sidebar\">
    <!-- sidebar -->
  </div>
</div>

我在包装纸上套用了

background-color

，但除非设置了固定高度，否则它不会显示。考虑到内容和侧边栏正在填充包装，为什么要这样做？还有什么其他方法可以使ѭ1出现而无需设置固定高度？     

解决方法

正如某人在评论中所说，如果他们是浮动的（他们是），则应用

overflow: hidden

（有效的）。     ,  还有什么其他方法可以得到   没有出现的背景色   设置一个固定的高度？ 浮法

#wrapper

使用一个clearfix。 确保您有内容:) 确保

#wrapper

是

display:block

或

inline-block

添加填充 除Firebug外，一种检查方法是将ѭ8设置为see，看看是否得到2px的线，或者是否看到边框，如预期的那样。如果看到正常的边框，则还有另一个问题：该发布CSS了。 这是您现在可以尝试的快速修复方法，看看是否有帮助：

<div id=\"wrapper\">
  <div id=\"content\">
    <!-- content -->
  </div>
  <div id=\"sidebar\">
    <!-- sidebar -->
  </div>
  <br style=\"display:block;clear:both;width:100%\" />
</div>