콘텐츠를 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> 

하지만 작동하지 않는 이미지는 항상 차트 플래시 하위에 있습니다.

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보다 작은 경우, 확실한 아니다 이미지는 차트 플래시 하위에도 표시됩니다.

dynamiclly를 계산하면 문제가 발생하지만 좋은 생각이라고는 생각하지 않지만 궁금한 점이 있습니까?

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이 말하거나 두 요소를 왼쪽으로 떠올리게 할 수 있습니다.