7

固定および流動的なCSS列用の堅実なクロスブラウザソリューションはありますか？1つのカラムを左側に固定し、もう1つのカラムを右側に流動的にする必要があります。

以下は私のコードの抜粋です-.promoImgそして.promoContent互いに並んで浮かんでいます。#recommendsはブラウザ幅の90％で、 120pxに修正する必要があり、流体を伸ばし.promoImgたいです。.promoContent

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

1 に答える 1

18 
.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：プロモブロックを120pxで修正する必要がありませんでした。もしそうなら、あなたの内側のdivはより広いです（300px）。

于 2011-11-23T18:03:53.223 に答える