これらのC3チャートとHandsOnTable要素をフィーチャに影響を与えずにフローティングするにはどうすればよいですか？

Question

私は、HandsOnTableテーブル（ユーザリクエストのためにいくつか追加されています）とC3チャート（水平スペースを埋める必要があります）を持っていて、それらをお互いうまく一緒に暮らすことはできません。

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

私は/ /この二つの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>