CSS div 区域未出现（但在 firebug 中显示？）

Question

我有一个 div (class="sidebar")，我想将其显示在内容区域的右侧。我将内容区域设置为容器，然后将侧边栏放置在其中，指定高度、宽度、背景颜色并将其向右浮动。

它显示在萤火虫中，但没有出现在屏幕上。

我目前正在学习 CSS，所以欢迎任何关于我所缺少的内容的提示/建议。

如有任何建议，我们将不胜感激。

提前致谢，

汤姆·珀金斯（Tom Perkins）

您可以在此处查看我的代码： http://jsfiddle.net/tomperkins/v3yqf/

Answer 1

因为 HTML 元素默认具有透明背景色。为元素指定背景颜色，您可以立即看到它：

.sidebar {
    background: orange;
}

请参阅： http://jsfiddle.net/v3yqf/3 / ( http://jsfiddle.net/v3yqf/3/embedded/result 如果您的屏幕很窄）

Answer 2

尝试将侧边栏 div 放在内容 div 之前。另外，如果您指定 background: green 而不是 color: green ，您会看到更好的效果；）

编辑：

因此，使用

<div class="sidebar"></div>
<div class="content"></div>

而不是

<div class="content"></div>
<div class="sidebar"></div>