入れ子になった 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}
最新のブラウザ以外で動作することについては心配していません。