将DIV对齐固定宽度左侧栏

Question

使用流体布局，尝试使用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> 

Answer 1

正确的解决办法是在这里：

In CSS, how do I get a left-side fixed-width column with a right-side table that uses the rest of the width?