私はしばらくの間これに頭をぶつけてきました、そして私は困惑しています(そしておそらく何か明白なものを見逃しています)。絶対位置のdivを持つページがあり、絶対位置のdivの中に、左に浮かぶ2つのコンテンツdivがあります。左側のコンテンツdivの高さは1200pxです(その中のコンテンツに基づく)。右のdivを左のdivと同じ高さにしたいのですが、これを実現できません。右側のdivの高さは、その親(絶対位置のdiv)の高さと同じ530pxです。チェーンを上に行くと、bodyとhtmlも両方とも530pxです(両方とも高さ:100%と言われています)。2つのフロートdivを含む絶対位置のdivの最後に、クリアのあるdivを配置しましたが、何も配置していません。
これは私を夢中にさせています。何が起こっているのかを説明するために、小さなHTMLを含めます。
<html>
<head></head>
<body> <---- height 100%
<div id="container">
<div id="header">
</div>
<div id="content"> <--- Absolute div, height 100%
<div id="left-column"><---- float left
</div>
<div id="right-column><---- float left
</div>
<div class="clear"></div> <--- cleared div
</div>
</div>
</body>
</html>