残っている幅の使い方

Question

左のdiv幅に200 pxの固定幅があります。次に、コンテンツ領域に残っている領域を取りたいと思います。それをどうすれば解決できますか？私はこれをやった...それは動作しません。

#sidebar { 
     float:left; 
     width:200px; 
     height:100%; 
     background-color: blue; 
    } 

#mainContent { 
    float:left; 
    width: // USE WHATEVER SPACE IS LEFT; 
    height:100%; 
    background-color: red; 
} 

Answer 1

このコードを見てください：

http://jsfiddle.net/Ffx8R/

CSS：

#sidebar { 
    float:left; 
    width:200px; 
    height:100%;  
} 

#mainContent { 

    padding-left:200px; 
    height:100%; 

    border:1px blue solid; 
} 
#container 
{ 


    height:200px; 
    clear:both; 
} 

HTML：

<div id="container"> 
    <div id="sidebar">here is sidebar info</div> 
    <div id="mainContent">main Content info</div> 
</div>