0

流動的なレイアウトでは、200px の左側のバーと右側の div を幅方向に拡張する必要があります。幅の広いコンテンツ (たとえば、いくつかの列を含むテーブル) が入ったときに、ブラウザーの幅が十分でない場合、右の div が左のバーの下に押し下げられます。

どうすればこれを並べ替えることができますか?

#container{
    min-height:300px;
}
#leftBar{
    width:200px;
    float:left;
}
#content{
    float:left;
    padding:20px;
}

<div id="container"> 
 <div id="leftBar"> 
  Left bar here fixed width 200px
 </div> 
 <div id="content"> 
  Should expand to fit parent div, but any long content pushes this beneath the leftBar div
 </div> 
 <div class="clear"></div> 
</div>
4

1 に答える 1

0

正しい解決策は次のとおりです。

CSS で、残りの幅を使用する右側のテーブルで左側の固定幅の列を取得するにはどうすればよいですか?

于 2010-06-28T08:51:21.237 に答える