title: Div to take up entire remaining width
body: <p>I have a parent div and 2 divs inside it. First child div is 50px wide and 100% height. Second child div is 100% height and I it to take rest of the width ( 100% - 50px ) how do I do that?</p>
  
  <p>Here is the fiddle that I've created: <a href="http://jsfiddle.net/muGty/">http://jsfiddle.net/muGty/</a>
  Basically I want blue div (right ) to occupy rest of the grey container completely.</p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;div class="left"&gt;&lt;/div&gt;
      &lt;div class="right"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>