如何使两列布局的主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>

如果我的侧边栏的宽度为230px，我怎样才能使“content”div的宽度适合浏览器窗口的其余部分？

谢谢。 ：）

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;
}