2012-06-02 48 views
0

请看看这个没有高度属性http://jsfiddle.net/karthik64/pFcpX/无法设置背景色为黑色载有儿童的父母DIV的DIV

,这与高度属性http://jsfiddle.net/karthik64/pFcpX/1/

的问题是我需要设置一个固定的“高度'属性将背景颜色设置为黑色,如果我从CSS属性中删除height属性,背景颜色将不会变黑。我必须告诉你,我的div的高度是动态的。它取决于从数据库中获取的数据。

我已经尝试过!重要的事情,但没有工作..请尽量帮助我..谢谢。

回答

2

添加overflow: hidden的风格外div

看到这个JsFiddle

+0

嘿谢谢@wouterH它的工作。但请你解释一下为什么溢出隐藏在这里工作。 Iam穿插学习概念..谢谢 – niko

+0

那么,你的内部div是浮动的('float:left'),这就是为什么外部div不能接管内部div的大小(他们只是浮动)。当设置溢出隐藏在外部div上时,您会强制它接管该大小。 –

1

我只是改变你的代码一点点。我在最后一次关闭div &前添加了一个div,添加了一个类名称clearfix。并加入明确:既清除修复类。现在你可以在任何有浮动div的地方使用这个类。

检查小提琴:http://jsfiddle.net/pFcpX/9/

希望这会帮助你。干杯!

+0

有没有必要为这个棘手的'明确:这两个','溢出:隐藏'将做得很好,你不必添加一个不需要的分区 –

+0

它只是一个方法,还有很多其他的。就像在HTML5样板中使用的一样。 – SVS

+0

太糟糕了,他们仍然没有适当的解决方案,所以很常见的问题,在HTML5 –

0

将下面给出的css添加到您的样式表中&使用这个类clearfix哪里可以遇到这个问题。它用于HTML5 Bolerplate。

.clearfix:before, .clearfix:after { content: ""; display: table; } 
.clearfix:after { clear: both; } 
.clearfix { *zoom: 1; } 

这里是捣鼓这样的:http://jsfiddle.net/pFcpX/10/

我加入这个类明确修复你的黑色背景顶格。