用左div填充剩余空间

谁能告诉我如何让左侧 div 填充剩余空间，而不固定右侧 div 大小。

我想要与以下示例完全相反的内容：

.left {float: left; border: 1px solid blue;}
.right {overflow: hidden; border: 1px solid blue;}

右边的 div 应该只占据它需要的大小，左边的 div 应该占据所有剩余的空间。

具有固定宽度的右侧 div 必须float:right;那么左侧 div 必须保持原样，以便它可以占据其全部可用宽度，但由于您希望右侧 div 固定，因此必须首先放置它。

HTML:

<div id="parentDiv">
    <div id="rightFixedDiv"></div>
     <div id="leftDynamicDiv></div>
</div>

CSS:

#rightFixedDiv
{
   float:right; 
   border-style:solid; 
   width:100px; 
   height:200px;
}
#leftDynamicDiv
{
   border-style:solid; 
   background-color:blue; 
   overflow:hidden; 
   height:200px;
}

检查一下，固定宽度为100px：http://jsfiddle.net/dkGbd/ http://jsfiddle.net/dkGbd/固定宽度为 200px：http://jsfiddle.net/eESTZ/ http://jsfiddle.net/eESTZ/

现在如果你想要相反的，先放置左边的div，给它一个float:left;

工作示例：http://jsfiddle.net/UShek/ http://jsfiddle.net/UShek/