2012-06-02 46 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/

我加入這個類明確修復你的黑色背景頂格。