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

Question

使用流畅的布局，尝试使左栏和右 div 具有 200 像素的宽度应该扩展宽度。当一些宽的内容进入时（比如一个有几列的表格），如果浏览器不够宽，右边的 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>

Answer 1

正确的解决方案在这里：

在 CSS 中，如何获得一个左侧固定宽度列和一个使用其余宽度的右侧表格？