title: How to adjust a table's width according to its contents regardless of the window's width?
body: <p>Normally, a table adjust it's size according to its contents. But when a table's appropriate width is larger than the window's width. the table seems to begin to adjust its width according to the window's width.</p>
  
  <p>This table may adjust its width according to its contents:</p>
  
  <pre><code>&lt;table border="1"&gt;
      &lt;tr&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And this table may adjust its width according to the window's width, one cell's content may be broken into three lines:</p>
  
  <pre><code>&lt;table border="1"&gt;
      &lt;tr&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
          &lt;td&gt;Blah blah blah.&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to contain the table in a <code>&lt;div&gt;</code>, and set the <code>&lt;div&gt;</code>'s <code>overflow</code> to <code>scroll</code>, I can scroll to view the table if it's too big for the window to display. So how to make the table ignore the window's size and just adjust it's size according to it's content?</p>