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; 
}