2列のレイアウトのメインdivをブラウザの幅に合わせるにはどうすればよいですか？

Question

2つの列レイアウトで2つ並べています。私は、ブラウザの幅に対する第二のdiv幅の自動フィットを作りたい...しかし、私のCSSはかなりの作業ではありません：私はの残りの部分をフィットDIV「コンテンツ」の幅を作ることができますどのように

<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ですか？

ありがとうございます。 :)

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