如何浮动这些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>