css - 左列固定和右列流动的CSS布局？

Question

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

下面是我的代码片段 -.promoImg并排.promoContent浮动。#recommends是浏览器宽度的 90%，.promoImg需要固定在 120 像素，我想.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/

PS：没有得到promoblock 需要修复在 120px。如果是这样，您的内部 div 更宽（300 像素）。