2012-03-16 4 views
1

右の列がコンテナから外れていても、コンテナの高さを広げている単純な2列のレイアウトを作成したいと思います。位置を使用して:絶対に展開する必要があります。右の列がコンテナの外側にある2列のレイアウトを作成するにはどうすればよいですか?

これは、htmlコード

//注です:私はここのスペースを節約するためにヘッドのタグを追加していけない:)

<html> 
<body> 

<div id="container"> 

      <div id="left"> 


      </div> 
          <div id="right"> 


          </div> 

</div> 

</body> 
</html> 

とCSSコード

#container { 
      width:900px; 
      margin:0 auto; 
} 

#left { 
     width:700px; 
     float:left;} 

#right{ 
     width:230px; 
     margin-left:760px; 
     position:absolute; 
} 

私はカントそれはコンテナの右側に浮かぶので、float:rightを使用します。たぶん、構造が異なっていて、私は知らない。

+0

あなたが#containerマージンにタイプミスがあります:自動Oを。余白に変更:0自動; –

答えて

0

position: relative#rightに設定し、それをコンテナの幅よりも大きいmargin-left与えてみてください。http://jsfiddle.net/8MEqL/

+0

働いてくれてありがとう@Aaron。 – Ben

関連する問題