css嵌套div的多种背景颜色

时间:2010-02-07 05:41:23

标签: css html background-color

好的。情况就是这样。我创建了一个顶部带有黑色横幅的网站,带有徽标,高度为100px,背景颜色为#000。接下来我想要一个大的“main_content”div来包含导航以及页面中的任何内容,因此它不包括页脚。在这种情况下,页面的main_content区域内有几个嵌套的div,并且已经为它们定义了背景颜色。问题是,一旦我将背景颜色应用于名为“main_content”的div,它只会将其应用于导航栏然后停止,因为它会运行到已定义颜色的嵌套div中。我想知道我是否缺少CSS规则......

我发现的唯一修复是我必须为main_content div定义一个高度,有没有办法解决这个问题?我不想为内容区域定义高度,因为我希望它只匹配填充它的内容的高度。

2 个答案:

答案 0 :(得分:2)

我想我发现了,溢出:隐藏,我不确定这是否是正确的解决方案,但它是我所拥有的最好的

答案 1 :(得分:1)

最有可能发生的是你的其他嵌套div正在继承父main_content div中的颜色,为了解决这个问题,你应该为你的嵌套div明确提供颜色。你提到的其他事情是你想要将高度应用于main_content,因为你可以通过给它高达100%来实现它的内容,例如:

<style>
#main_content{height:100%;}
</style>
相关问题