CSS div 区域没有出现（但在萤火虫中显示？）答案

【问题标题】：CSS div area not appearing (but showing in firebug?)CSS div 区域没有出现（但在萤火虫中显示？）
【发布时间】：2023-03-19 11:04:01
【问题描述】：

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

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

我目前正在学习 CSS，因此欢迎就我所缺少的内容提供任何提示/建议。

我们将不胜感激地收到任何可用的建议。

提前致谢，

汤姆·帕金斯

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

【问题讨论】：

【解决方案1】：

因为 HTML 元素默认具有透明背景色。给元素一个背景颜色，你可以立即看到它：

.sidebar {
    background: orange;
}

【讨论】：

【解决方案2】：

尝试将侧边栏 div 放在内容 div 之前。此外，如果您指定background: green 而不是color: green，您会看得更清楚；)

编辑：

所以，使用

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

而不是

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

【讨论】：