title: How to attach div to bottom without absolute?
body: <p>So I have a footer:</p>
  
  <pre><code>&lt;div id="footer" &gt;
      &lt;div style="padding:20px;"&gt;
          Footer
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Which is in wrapper with style :</p>
  
  <pre class="lang-css prettyprint-override"><code>#page { width:964px; margin:0 auto; }
  </code></pre>
  
  <p>So I need that the footer div would be attached to the bottom of the browser. The problem is if I adding:</p>
  
  <pre class="lang-css prettyprint-override"><code>position:absolute;
  bottom:0;
  </code></pre>
  
  <p>Some of the previous div intersects with footer and also i need to set height and width by my self.</p>
  
  <p><img src="https://i.stack.imgur.com/FAweW.png" alt="demo"></p>