我有一堆嵌套的 div,中间是一些内容。我希望包含内容的 div 具有最外层 div 的最小高度。
有没有人设法做到这一点?
这是我想要做的一个例子,我把代码放在下面。我希望最小高度为#c
s#a
高度。这应该呈现一个绿色框,但它实际上是红色的。
<div id="a">
<div id="b">
<div id="c">
Content here
</div>
</div>
</div>
#a { height: 100px; }
#b { min-height: 100%; background-color: red}
#c { min-height: 100%; background-color: green}
我不担心它在现代浏览器之外的任何东西上工作。