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

不知道我是怎么做到的，但我很确定这是一个躲闪：

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>

如何在不影响功能的情况下浮动这些C3图表和HandsOnTable元素？

1 个答案: