기능에 영향을주지 않고 C3 차트 및 HandsOnTable 요소를 플로팅하는 방법은 무엇입니까?

Question

나는 HandsOnTable 테이블 (사용자 요청에 대한 몇 가지 추가 사항이 있음)과 C3 차트 (가로 공간을 채워야 함)가있어 서로 나란히 잘 살 수는 없습니다.

https://jsfiddle.net/horacebury/2vc606wx/13/

I//이 두 된 DIV가 떴다 할 수 있어야한다고 생각하지만, 내가 할 때 중 하나는하지 (부동) 할 또는 C3 차트의 툴팁을 중지하거나 가운데 열 중 일부를 중지

<div> 
    <table class="tgh"><tr><td>Auxilliary Power</td></tr></table> 
    <div id="example"></div> 
    <table class="tg"> 
     <tr> 
     <td class="tg-yw4l" ng-repeat="item in items track by $index">{{item}}</td> 
     </tr> 
    </table> 
    </div> 
    <div id="c3chart"></div> 

Answer 1

하지 내가 이것을 어떻게했는지 모르겠지만, 나는 그것이 bodge의 확신 : 작업에서 편집

https://jsfiddle.net/horacebury/2vc606wx/15/

<div style="float: right;"> 
    <table class="tgh"> 
    <tr> 
     <td>Auxilliary Power</td> 
    </tr> 
    </table> 
    <div id="example"></div> 
    <table class="tg"> 
    <tr> 
     <td class="tg-yw4l" ng-repeat="item in items track by $index">{{item}}</td> 
    </tr> 
    </table> 
</div> 
<div id="c3chart" style="width: 65%;"></div>