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