Css html容器背景问题

当我试图将背景设置为

。header

-没有任何变化，请帮助，我很困惑

HTML

---

您缺少一个结束div（“

”）标记。这可能是一个因素

此外，还需要将CSS代码包装在

标记中。使用以下命令代替最后三行：

<style type="text/css" media="screen">
    .header {
             background-color: red;
               }
</style>

.标题{
背景色：红色；
}

您缺少一个结束div（“

”）标记。这可能是一个因素

此外，还需要将CSS代码包装在

标记中。使用以下命令代替最后三行：

<style type="text/css" media="screen">
    .header {
             background-color: red;
               }
</style>

.标题{
背景色：红色；
}

您只是缺少了

。否则，它只是工作良好

---

检查小提琴示例：

您只是缺少

。否则，它只是工作良好

---

检查小提琴示例：

尝试将

溢出：隐藏
添加到
.header
。如果浮动任何子元素（
输入
，
徽标
，
搜索
等），然后不清除它们，
标题
元素将不会展开以适合内容

因此，
.header
元素的背景很可能是
红色
，但您就是看不到它

参见以下示例：

浮动，无清晰-显示您正在描述的行为


浮动，带清晰-背景为红色


编辑

有关浮动元素发生这种情况的原因以及如何修复它们的详细信息，请查看尝试将
溢出：隐藏
添加到
.header
。如果浮动任何子元素（
输入
，
徽标
，
搜索
等），然后不清除它们，
标题
元素将不会展开以适合内容

因此，
.header
元素的背景很可能是
红色
，但您就是看不到它

参见以下示例：

浮动，无清晰-显示您正在描述的行为


浮动，带清晰-背景为红色


编辑

有关浮动元素出现这种情况的原因以及如何修复它们的更多信息，请查看
您可以尝试从以下内容更改CSS：

.header {
    background-color: red;
}

为此：

.header {
    background: red;
}

您可以尝试从以下内容更改CSS：

.header {
    background-color: red;
}

为此：

.header {
    background: red;
}

尝试设置.header{background color:red；display:block；}如果其他元素有其他CSS在使用，您应该发布它。它可能会有帮助。请尝试设置.header{background color:red；display:block；}如果其他元素还有其他CSS，您应该发布它。这可能会有帮助。如果没有遗漏结尾，效果也很好。div：是的，可能是。。但那不是好的，对吧……它可能会在某些地方产生一些问题。我同意，它应该被修复——我只是说它不是这个问题的解决方案。提问者没有给我们提供足够的信息来准确回答他们的问题。对不起，我忘了在邮件中键入，所以没有遗漏的结尾部分也可以。。但那不是好的，对吧……它可能会在某些地方产生一些问题。我同意，它应该被修复——我只是说它不是这个问题的解决方案。提问者没有给我们提供足够的信息来准确回答他们的问题。对不起，我忘了在这里的postyeah中键入有效的人！，你是我的英雄，你能解释清楚发生了什么吗！！！溢出隐藏了什么，我甚至在logo和utility之间留出了120px的可用空间来查看红色背景，但我失败了，thanks@user1182612好极了，很高兴它起作用了。我在我的回答中添加了一个链接，解释了如何以及为什么清除浮动。
overflow:hidden
实际上并不隐藏任何内容，它只是清除浮动的另一种方式。别忘了将此标记为你将来帮助他人的公认答案。是的，这很有效！，你是我的英雄，你能解释清楚发生了什么吗！！！溢出隐藏了什么，我甚至在logo和utility之间留出了120px的可用空间来查看红色背景，但我失败了，thanks@user1182612好极了，很高兴它起作用了。我在我的回答中添加了一个链接，解释了如何以及为什么清除浮动。
overflow:hidden
实际上并不隐藏任何内容，它只是清除浮动的另一种方式。别忘了将此标记为您将来帮助他人的公认答案。