title: two div left right with auto width
body: <pre><code>&lt;div id="leftdiv" style="background: yellow; min-width: 400px; max-width: 800px;"&gt;left content left content left content&lt;/div&gt;
  
  &lt;div id="rightdiv" style="background: red; width: 250px;"&gt;right content right content right content&lt;/div&gt;
  </code></pre>
  
  <p>I put the <code>float: left</code> in the left div max-width and min-width not working.
  How can i fix this ?</p>