title: css overflow scroll table cell with width:auto or width:100%
body: <p>I would like to build flexible layout with scrollbars and dynamic widths.</p>
  
  <p>I have table width,height 100% of window and 2(3) columns with auto widths ( widths depends on it's content ) and center column with remaining width. I can't specify exact width of column.</p>
  
  <p>I would like to have Horizontal and Vertical Scrollbars if my content bigger than cell width and height;</p>
  
  <p><strong>Example 1</strong>
  <a href="https://i.stack.imgur.com/RkOWM.png" rel="nofollow"><img src="https://i.stack.imgur.com/RkOWM.png" alt="Example 2"></a></p>
  
  <p><strong>Example 2</strong>
  Here is <a href="http://jsbin.com/zofola/1/edit?html,css,output" rel="nofollow">LiveDemo</a></p>
  
  <pre><code>&lt;div style="width:1024px"&gt;
      &lt;table style="width:100%"&gt;
      &lt;tr&gt;
         &lt;td&gt;
             &lt;div&gt;Column Menu with Dynamic Content and width&lt;/div&gt;
         &lt;/td&gt;
         &lt;td style="width:100%;"&gt;
             &lt;div style="overflow:scroll;"&gt;Column Big Dynamic Content with ScrollBars&lt;/div&gt;           
         &lt;/td&gt;
      &lt;/tr&gt;
     &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can't use :</p>
  
  <ol>
  <li><code>table-layout:fixed</code> - because columns width depends on it's content</li>
  <li><code>overflow:scroll</code> with <code>width,height</code> specified</li>
  <li>i need pure css solution</li>
  </ol>
  
  <p>I've tried : </p>
  
  <ol>
  <li><code>width:100%, max-width:100%, min-width:100%</code> - not working</li>
  <li><code>white-space:wrap</code> works only if content is text, and there is only vertical scrollbar</li>
  </ol>
  
  <p><strong>Question is :</strong> How to make <code>div</code> with <code>overflow:scroll</code> or <code>overflow:auto</code> have <code>width,height</code> of it's parent container ( in my case it is <code>TD</code> ) </p>
  
  <p>p.s 
  <strong>BEST case would be if it was</strong> <code>&lt;TD style="overflow:auto"&gt;&lt;/TD&gt;</code> and width is auto.</p>