如何確定圖表的大小以始終填充空間

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赫然回答：

看一看溢出：隱藏在這裏的答案 - >stackoverflow.com/questions/1260122/…