Css 潜水舱内潜水舱的100%高度。为什么这不起作用?

Css 潜水舱内潜水舱的100%高度。为什么这不起作用?,css,html,height,Css,Html,Height,我知道,这是一个老问题,但我不能让这个工作 请看这里: 我想让“#main_rechts”DIV在“#main”内100%的高度。。。(自动与绿色框的高度相同) 非常感谢 将一些固定高度设置为#main并将高度:100%添加到#main#rechts将一些固定高度设置为#main并将高度:100%添加到#main#rechts您想拥有100%的高度吗将一些固定高度设置为#main您#main没有固定高度您想要100%的高度吗?:)将一些固定高度设置为#main您的#main rechts处于浮动

我知道,这是一个老问题,但我不能让这个工作

请看这里:

我想让“#main_rechts”DIV在“#main”内100%的高度。。。(自动与绿色框的高度相同)


非常感谢

将一些固定高度设置为
#main
并将
高度:100%
添加到
#main#rechts
将一些固定高度设置为
#main
并将
高度:100%
添加到
#main#rechts

您想拥有100%的高度吗将一些固定高度设置为
#main

#main
没有固定高度您想要100%的高度吗?:)将一些固定高度设置为
#main
您的
#main rechts
处于浮动状态,因此无法工作。尝试使用
display:table
display:table cell
CSS属性,但请注意它们在IE 7及更低版本中不起作用

我已经更新了你的小提琴以显示我的意思-

你的
#主记录是浮动的,因此它无法工作。尝试使用
display:table
display:table cell
CSS属性,但请注意它们在IE 7及更低版本中不起作用


我已经更新了你的小提琴,以显示我的意思-

尝试给他们两个
最小高度:200px(或适合您设计的任何其他值):


试着给他们两个一个
最小高度:200px(或适合您设计的任何其他值):


我不明白你想在这里实现什么。他想用相同的动态高度获得2个并排
div
。我不明白你想在这里实现什么。他想用相同的动态高度获得2个并排
div
。这是最糟糕的解决方案。对于200像素以上的高度,这将不再有效,这是最糟糕的解决方案。对于200像素以上的高度,这将不再适用
#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;
}