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

Question

代码如下：

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

我将background-color应用于包装器，但除非我设置固定高度，否则它不会显示。考虑到内容和侧边栏填充包装，为什么会这样做呢？还有哪些方法可以在不设置固定高度的情况下显示background-color？

Answer 1

正如有人在评论中说的那样，如果他们被浮动（他们是），那么应用overflow: hidden（有效）。

Answer 2

  

还有其他方法可以获得   背景颜色不显示   设定固定高度？

• Float #wrapper
• 使用clearfix。
• 确保您有内容：）
• 确保#wrapper为display:block或inline-block
• 添加填充

除了Firebug之外，检查的一种方法是设置border:1px solid red，看看你是否得到了一条2px线，或者你是否看到了正常的边框。如果您看到普通边框，则还有另一个问题：发布CSS的时间。

这是您现在可以尝试的快速清晰的修复程序，看看是否有帮助：

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