title: DIVs anchored to top and bottom of parent div
body: <p>This is probably a very dummy question, don't throw your shoes at me :)</p>
  
  <p>Consider having HTML like this:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="header"&gt;
      &lt;/div&gt;
      &lt;div class="body"&gt;
      &lt;/div&gt;
      &lt;div class="footer"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want 'header' and 'footer' to be anchored to the parent's top and bottom respectively, and 'body' to grow easily to fit all available space.
  What would the CSS look like to achieve this?</p>
  
  <p>EDIT: Maybe I'm saying this wrong (i'm not exactly a web developer :) ), but what I need is to have some part of a div always attached to its bottom. So when div grows this part (which might have a fixed size) would go lower with the div's lower end. But all this doesn't mean attaching a div to the bottom of browser's window.</p>