title: How to styling div with CSS fixed width and auto-resize?
body: <p>I want to create <strong>container</strong> div that has width between 800px to 1000px.</p>
  
  <p>Inside, it has two div and want to fix left div to 250px.</p>
  
  <p>For the right div I want it make width-resize automatically </p>
  
  <p><a href="http://jsfiddle.net/marco83/vn84nm30/4/" rel="nofollow">jsfiddle examle</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div style="width: 100%;"&gt;
      &lt;div class="container"&gt;
          &lt;div class="left"&gt;
              Left div&lt;br /&gt;(fixed to 250px)
          &lt;/div&gt;
          &lt;div class="right"&gt;
              Right div&lt;br /&gt;(width fit to blue area left)
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.container {
      width: 100%; 
      min-width: 800px; 
      max-width: 1100px; 
      background-color: #06F; 
      margin: 0 auto; 
      height: 420px; 
      padding: 10px 0px;    
  }
  .left {
      width: 250px; 
      float: left; 
      height: 200px; 
      background-color: #0F0;
  }
  .right {
      width: 100%; 
      background-color: #F00; 
      height: 200px; 
      float: left;
  }
  </code></pre>