title: DIV width: auto is 0 pixel
body: <p>I'm new in CSS and have not not found the solution for this basic problem. I have 3 divs in one line. The center div must have fixed width and it's position also fixed px from the center. I need auto width for the left and right div to fill the space at the left/right side. Here is my try but the left and right divs are zero width. Thanks for the help! </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.fullwidth{
      width:100%
      height:20px;
  }
  .left{
      background-color:green;
      float:left;
      height:20px;
      width: auto;
  }
  .center{
      background-color:red;
      position:absolute;
      right:50%;
   margin-right:100px;    
      height:20px;
      width:100px;
  }
  .right{
      background:blue;
      float:right;
      height:20px;
      width: auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="fullwidth"&gt;
      &lt;div class="left"&gt;&lt;/div&gt;
      &lt;div class="center"&gt;&lt;/div&gt;
      &lt;div class="right"&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>