Как я могу сделать автоматическое подгонку основного div макета из двух столбцов к ширине браузера?

Question

У меня есть два <div> бок о бок, в двухколоночном макете.Я хочу, чтобы второй 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 "content" соответствовал остальнымокна браузера, в то время как ширина моей боковой панели составляет 230 пикселей?

Спасибо.:)

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