如何调整图表大小以始终填充 space

Question

我已完成以下 HTML/CSS 以使图表填充 space 的 65%，为 300px table 留出空间。我希望图表始终填满所有剩余的 space，无论剩余多少。

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

HTML:

<div ng-app="App">
  <div ng-controller="TodoCtrl">
    <div id="tablecontainer">
      <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>
  </div>
</div>

CSS:

#tablecontainer {
  float: right;
}

#c3chart {
  width: 65%;
}

Answer 1

@mgraham 的出色回答：

在此处查看 overflow:hidden 答案 --> whosebug.com/questions/1260122/…

如何调整图表大小以始终填充 space

How to size the chart to always fill the space

css-float

jsfiddle

d3.js

handsontable

c3.js