css div自适应宽度

#sidebar   { /** 右侧栏 div **/
     width :   300px ;   float :   right ;
   }
  # content   {/**左侧栏，自适应宽**/
     margin-left :   -310px ;   float :   left ;   width :   100% ;
   }
   #contentb   {/**左侧栏，自适应宽子div**/
     margin-left :   310px ;

  }

<div id="content" style="height:140px;">
    <div id="contentb">
      content自适应区，在前面
    </div>
</div>
<div id="sidebar" style="height:240px;">sidebar固定宽度区</div>