将DIV对齐固定宽度左侧栏的右侧

时间:2010-06-27 21:48:07

标签: html css-float fluid liquid-layout

使用流畅的布局,尝试使用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>

1 个答案:

答案 0 :(得分:0)