DIV內DIV的100％高度。爲什麼這不起作用？

Question

我知道，這是一個老問題，但我不能得到這個工作...

在這裏看到：http://jsfiddle.net/NLRqM/2/

我想有「#main_rechts」 DIV是100％高度內「#main」...（自動與綠色框相同的高度）！

非常感謝！

Answer 1

你的#main-rechts浮動，所以它不會工作。嘗試使用display: table和display: table-cell CSS屬性，但請注意，它們將無法在IE 7及更低版本中使用。

我已經更新了你的小提琴說明我的意思 - http://jsfiddle.net/Pharaon/NLRqM/5/

Answer 2

設置一些固定的高度#main並添加height:100%到#main_rechts

Answer 3

您#main沒有固定的高度你想有什麼100％？ :)設置一些固定的高度爲#main

Answer 4

儘量給他們既min-height: 200px;（或任何其他值適合您的設計）：

#main_links { 
    width:680px; 
    position:relative; 
    float:left; 
    background-color:#096; 
    min-height:200px; 
} 
#main_rechts { 
    width:260px; 
    position:relative; 
    float:right; 
    background-color:#e7e8e8; 
    min-height:200px; 
}