2013-02-21 212 views
0

我创建了一个主要的div和分裂特德成两个CSS代码更改DIV背景颜色

#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的背景颜色。

+1

你究竟想要做什么?你的第一个例子是将背景设置为白色。 – meagar 2013-02-21 12:39:31

+3

你可以把一个jsFiddle放在一起吗? – BenM 2013-02-21 12:40:24

+1

你的html是什么?您的标记中是否存在'#left'和'#right'元素? – 2013-02-21 12:47:30

回答

0

怎么样,如果你的主要DIV得到了

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

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

如果它不工作显示HTML部分请

0

没有HTML,这是只是一个猜测,但我认为你的问题是,div#main的高度为0.发生这种情况是因为里面的浮动div不再是文档流的一部分。尝试在主div上设置高度,这应该修复它。

0

添加以下规则

#main:{内容后:““;显示:块;溢出:隐藏;明确:两者;身高:0; }

它会清除浮筒,并使容器与最高的塔内部一样高。