html - 更改 div bg 颜色

Question

我创建了一个主 div 并拆分为两个 css 代码

#main { background-color:#FFFFFF; width:1000px;}
#left {  width:750px; float:left }
#right {  width:250px; float:right }

但是背景颜色没有改变，当我把它改成

#main {  width:1000px;}
#left { background-color:#FFFFFF; width:750px; float:left }
#right { background-color:#000000; width:250px; float:right }

它可以工作，但是当高度变化时看起来很无聊，我想改变整个主 div 的背景颜色。

score 0 · Accepted Answer

添加以下规则

#main:after { 内容: " "; 显示：块；溢出：隐藏；明确：两者；高度：0；}

它将清除浮动并使容器与内部最高的柱子一样高。

score 0 · Accepted Answer

如果你的主 div 得到一个

#main {
    min-height:100px;
    max-height:100px;
}

它需要一个高度来显示背景颜色

如果它不起作用，请显示 html 部分

score 0 · Accepted Answer

如果没有 html，这只是一个猜测，但我认为您的问题是 div#main 的高度为 0。发生这种情况是因为内部的浮动 div 不再是文档流的一部分。尝试在主 div 上设置一个高度，这应该可以解决它。

3 回答 3