title: Chart.js bar chart is overflowing its containing element
body: <p><a href="http://chartjs.org" rel="noreferrer">Chart.js</a></p>
  
  <p>I can't get this stupid chart to stay in its container when <code>padding</code> has been applied to the container. It doesn't matter if the <code>responsive</code> option is set to <code>true</code>.</p>
  
  <p><img src="https://i.stack.imgur.com/P3liC.png" alt=""></p>
  
  <p>It also doesn't matter what I set <code>box-sizing</code> to. What's the purpose of the <code>responsive</code> option if not to fit it's container?</p>