如何使两列布局的主div适合浏览器宽度？

Question

我有两个<div>并排，在一个两列的布局。我想让第二个div宽度自动调整到浏览器的宽度......但我的CSS是不太工作：

<style> 
#sidebar{ 
    float:left; 
    width:230px;  
    min-height:10px; 
    overflow:hidden; 
    margin:auto; 
} 

#content{ 
    float:left; 
    width:auto; 
    min-height:10px; 
    overflow:hidden; 
    margin:auto; 
    background-color:#cddfea; 
} 
</style> 


<div id="sidebar">aa</div> 

<div id="content"></div> 

我怎样才能使“内容”的宽度DIV适合的休息浏览器窗口，而我的侧边栏宽度为230px？

谢谢。 :)

Answer 1

试试这个：jsFiddle

HTML：

<div id="sidebar">aa</div> 
<div id="content">bb</div> 

CSS：

#sidebar{ 
    float:left; 
    width:230px;  
    min-height:10px; 
    overflow:hidden; 
    margin:auto; 
    background: #faa; 
} 

#content{ 
    min-height:10px; 
    overflow:hidden; 
    margin-left:230px; 
    background:#cddfea; 
}