左列固定和右列液体的CSS布局？

Question

对于固定和流动的CSS列有固定的跨浏览器解决方案吗？我需要将一列固定在左侧，另一列在右侧是流体。

下面是我的代码片段 - .promoImg和.promoContent浮在一起。 #recommends是浏览器宽度的90％，.promoImg需要修复为120px，我希望.promoContent可以拉伸流体。

<div class="promoBlock "> 
    <div class="promoImg"> 
     fixed content 300px 
    </div> 
    <div class="promoContent"> 
     fluid content 
    </div> 
</div> 

Answer 1

.promoBlock { width:90%; margin:auto; } 
.promoImg { width:300px; float:left; background-color:red; } 
.promoContent { margin-left:300px; background-color:green; } 

代码：http://jsfiddle.net/P4RBj/

P.S：未获得promoblock需要在120像素来解决。如果是这样，你的内部div更宽（300px）。