コンテンツをdivのautomaticllyの残りの幅を取る方法は？

Question

私は、フラッシュと画像を含むdivを持っていて、それらをインラインで表示したいので、フラッシュdivがコンテナの残りの幅を取るようにします（画像divは画像自体の幅をとる必要があります）。

私はフラッシュを左に浮かせます。

<div id=chartcon> 
    <div id="chartflash" style="float:left"></div> 
    <div id="map"><img src="../example.jpg"></div> 
    <div style="clear: both;"></div> 
</div> 

しかし、動作しません。画像は常にchartflash divの下にあります。

chartconの幅が大きすぎると思われるので、マップdivがその下に座る必要があります。

は、だから私はchartflashののdiv dynamicllyの幅と高さを計算してみてください。

var mapWidth = parseInt($('#map img').css('width')); 
var mapHeight = parseInt($('#map img').css('height')); 
var chartwidth = parseInt(window.screen.width - mapWidth - 70); 
$('#chartflash').width(chartwidth); 

「70」は（私はそれを何度も試してみる）、それが70よりも小さい場合は、確認されていません画像もchartflash divの下に表示されます。

dynamicllyを計算することで問題は解決しますが、これは良い考えではないと思いますが、これを行うにはCSSの方法があるのでしょうか？

Answer 1

私は、フラッシュファイルを含むdivの中にイメージを置いて、それを正しくフロートします。 私は文脈の中でそれを見るように、CSSのインラインを置いています。

<div id="chartcon"> 
    <div id="chartflash"> 
      <div id="map" style="float:right"><img src="../example.jpg"></div> 
      <div style="clear: both;"></div> 
    </div> 
</div> 

Answer 2

pixelineが言うようにすることも、両方の要素を左に浮かべることもできます。