title: Clear absolutely positioned elements with CSS possible?
body: <p>Is there any way to clear absolutely positioned elements with CSS? I'm creating a page where I need each part of the site (section element) to be absolutely positioned, and I want to apply a footer with content below those elements.<br>Tried to relatively position the header and footer to see if a total height would be taken into account but the footer still gets "trapped" underneath the section elements. Any ideas?</p>
  
  <pre><code>&lt;header style="position: relative;"&gt;&lt;/header&gt;
  
  &lt;div id="content" style="position: relative;"&gt;
  
      &lt;section id="a" style="position: absolute;"&gt;&lt;/section&gt;
  
      &lt;section id="b" style="position: absolute;"&gt;&lt;/section&gt;
  
      &lt;section id="c" style="position: absolute;"&gt;&lt;/section&gt;
  
      &lt;section id="d" style="position: absolute;"&gt;&lt;/section&gt;
  
      &lt;section id="e" style="position: absolute;"&gt;&lt;/section&gt;
  
  &lt;/div&gt;
  
  &lt;footer style="position: relative;"&gt;&lt;/footer&gt;
  </code></pre>