title: How to expand div to take remaining width without using overflow: hidden method?
body: <pre><code>&lt;div id="container" style="width:100%;"&gt;
     &lt;div id="left1" style="float:left; width:100px;"&gt;float left&lt;/div&gt;
     &lt;div id="left2" style="float:left; width:100px;"&gt;float left&lt;/div&gt;
  
     &lt;div id="remaining"&gt;Remaining width&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to expand last div (#remaining)div to take remaining width <strong>without using overflow: hidden method???</strong> Any other method using :before &amp; :after???</p>
  
  <p>check this image.. i want exactly like the second layout
  <a href="http://i.stack.imgur.com/g6DvH.jpg" rel="nofollow">http://i.stack.imgur.com/g6DvH.jpg</a></p>