title: How to auto adjust (stretch) div height and width using jQuery or CSS
body: <p>I have 4 divs with ids A, B, C and D, like below;</p>
  
  <pre><code>&lt;div id="A"&gt;&lt;/div&gt;
  &lt;div id="content"&gt;
      &lt;div id="B"&gt;&lt;/div&gt;
      &lt;div id="C"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="D"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Div A &amp; D have fixed width &amp; height. Div B has fixed width. I want the height of Div B and height + width of Div C calculated automatically. I want to stretch Divs B and C in between div A and D. Also I want to stretch Div c in between div B and right margin. The page thus wont be having any scroll bars and empty space.</p>
  
  <p>My expected layout is like below</p>
  
  <p><img src="https://i.stack.imgur.com/loi55.jpg" alt="enter image description here"></p>
  
  <p>How can I make this possible using jquery / css?? Anybody has a solution and pls give me a fiddle / demo ??</p>
  
  <p>Thanks in advance...<code>:)</code></p>
  
  <p>blasteralfred</p>