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

Question

我有一个div（class =“sidebar”），我希望在我的内容区域的右侧显示。我已将内容区域设置为容器，然后将侧边栏放在其中，指定高度，宽度，背景颜色并将其浮动。

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

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

我们将非常感激地提供任何建议。

提前致谢，

汤姆珀金斯

您可以在此处查看我的代码： 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>