Html 内联块展开高度父容器

Html 内联块展开高度父容器,html,css,Html,Css,我有两个并排设置为内联块的div元素。它们都位于一个包含div的区域内。我已经将右div设置为height 100%,但是由于包含div的高度是动态的,所以它不会扩展。有人知道如何使右侧div(coulmn)扩展到包含div的动态高度吗 <div class="container"> <div class="left_column">Dynamic Content In Here</div> <div class="right_column">Si

我有两个并排设置为内联块的div元素。它们都位于一个包含div的区域内。我已经将右div设置为height 100%,但是由于包含div的高度是动态的,所以它不会扩展。有人知道如何使右侧div(coulmn)扩展到包含div的动态高度吗

<div class="container">
<div class="left_column">Dynamic Content In Here</div>
<div class="right_column">Side bar to expand to the height of the containing div</div>
</div>

这里有动态内容
要扩展到包含div的高度的侧栏
谢谢

奥利弗

尝试添加:

html, body
{
  height:100%;
}

#container
{
 min-height:100%;
}

我想你在搜索这样的东西:

.container {
    min-height: 700px;
}

.right_column {
    min-height: inherit;
}

也可以看到这一点。

在同一问题中出现一些问题之后,我认为最简单的解决方案是使用
表格单元格
作为显示属性。它工作得非常好

我将容器的最小高度设置为700px,但内联块div上的100%高度被忽略。如果我将高度设置为700px,则会忽略它。嗨,问题在于包含div的高度是动态的。其思想是让左侧div中的内容向下推包含的div。如果未设置高度属性,右侧div将不会扩展到包含div的动态高度。