title: How to make the div width fit the table which inside the div?
body: <p>If the <code>table</code> is inside the <code>div</code> and the width of the table is uncertain, which can be even wider than the screen width, how to make the <code>div</code> containing that table adjust the table width? Since the <code>div</code> has been set <code>padding: 10px</code>, when the table exceeds the screen width, the <code>padding-right</code> turns invisible.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;div class="panel-body"&gt;
     &lt;table class="table table-hover table-bordered"&gt;&lt;/table&gt;
  &lt;/div&gt;
  </code></pre>