Question

我知道，这是一个古老的问题，但我不能让这个工作......

见这里：http://jsfiddle.net/NLRqM/2/

我希望“#main_rechts”DIV在“#main”内的高度为100％...（自动与绿框的高度相同）！

非常感谢！

Answer 1

您的#main-rechts已浮动，因此无效。尝试使用display: table和display: table-cell CSS属性，但请注意它们不适用于IE 7及更低版本。

我已经更新了你的小提示，以表明我的意思 - http://jsfiddle.net/Pharaon/NLRqM/5/

Answer 2

尝试给他们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;
}

Answer 3

将某个固定高度设置为#main并将height:100%添加到#main_rechts

Answer 4

你#main没有固定的高度你想拥有100％的固定高度吗？ :)将一些固定高度设置为#main

DIV内DIV的100％高度。为什么这不起作用？

4 个答案: