title: Fixed-width column table force expand on container
body: <p>Apparently a classic problem, but the "solutions" I've found haven't worked, including various other questions on SO.</p>
  
  <p>If my table is wider than its container, I want my table cell width to remain fixed and not be resized to fit the container.</p>
  
  <p>Reproducible HTML (<code>&lt;td&gt;</code>s generated with PHP):</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;&lt;/head&gt;
  
    &lt;body&gt;
      &lt;table&gt;
        &lt;tr&gt;
          &lt;?php for($i=0;$i&lt;15;$i++) { 
             echo "&lt;td style='width:150px;border-right:1px solid black;'&gt;".($i+1)."&lt;/td&gt;"; 
          } ?&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
      &lt;div style='background:chartreuse;width:150px'&gt;This is 150px wide.&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>What I've tried:</p>
  
  <ul>
  <li><code>table-layout:fixed</code></li>
  <li><code>span</code> container with <code>display:inline-block</code> set</li>
  <li><code>div</code> container with inline block</li>
  </ul>
  
  <p>It seems there should be an easy way to make the previous code generate a table that overflows the body.</p>
  
  <p>Can someone help?</p>
  
  <p><em>Edit</em></p>
  
  <p>It may not be clear from my previous wording, but I want to specify column width myself.</p>
  
  <p>I'm trying to do this without specifying an explicit width for the table. Only the TDs will force the table wider, which (should?) force the container wider.</p>
  
  <p>Also, the inline CSS is there for example purposes only.</p>