CSSのオーバーフロー：その流体することになったときに容器の中にdiv要素に隠されたdivの幅が制限されます：divの

Question

の隠された制限幅だからアイブ氏は、オーバーフローがこの問題に遭遇します。だから、基本的に私はこれに類似した構造があります。このような状況で

<div id="container"> 
    <div id="leftColumn"> 
     //content 
    </div> 
    <div id="rightColumn"> 
     //content 
    </div> 
</div> 

を、leftColumnのdivが一定の幅であり、右列は、流体で、残りの幅を埋めることになっています。問題は、私がオーバーフロー：rightColumn（それは背景色を持っている）に隠しを追加すると、それが与えられた分の幅に縮小されるということです。残りの幅のスペースに展開する方法はありますか？ここに私は現在CSSのために何を持っています：

#container { 
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    min-width: 800px; 
} 

#leftColumn { 
    margin: 0px 0px 0px 0px; 
    padding: 10px 10px 10px 10px; 
    width: 230px; 
    position: relative; 
    float: left; 
} 

#rightColumn { 
    margin: 0px 0px 0px 250px; 
    padding: 10px 10px 10px 10px; 
    min-width: 530px; 
    overflow: hidden; 
    background: #fff; 
} 

思考？

Answer 1

私のために働きます（FF 3.6.13）。干渉している可能性のあるページ上に他のもの（スタイルまたは要素）があるかどうかを確認してください。また、異なるブラウザをチェックしてください。テスト時に手動でページを変更する場合は、ブラウザでハード・リフレッシュ（Ctrl-F5）を行って、新しいスタイルがロードされていることを確認してください。

Answer 2

あなたは私のバイオリンの中に説明したようにそれは正確に働いていた...適用overflow : hiddenとmin-widthに縮小。

私は不必要にネスティングdivを憎むが、潜在的にこれはあなたのために働くかもしれシナリオですか？

http://jsfiddle.net/cVNaJ/

私はoverflow : hiddenコンテンツは、元の名にちなんで名付けられた子のdiv内に含まれる「ラッパー」にあなたの右の列を回しました。たぶんこれはあまりにも助けになるでしょうか？