0

私はしばらくの間これに頭をぶつけてきました、そして私は困惑しています(そしておそらく何か明白なものを見逃しています)。絶対位置の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>
4

1 に答える 1

0

あなたの本当の質問は

右側の div を左側の div と同じ高さにしたい

右?

もしそうなら、ここで解決策を見つけることができます: http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

于 2013-02-06T06:10:56.763 に答える