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

Question

我已经提供了以下HTML / CSS以使图表填满65％的空间，为300px表留出空间。我想图表总是填满所有剩余的空间，无论剩下多少或多少。

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非常好地回答：

看看溢出：这里隐藏的答案 - ＆gt; stackoverflow.com/questions/1260122/…