¿Borrar elementos absolutamente posicionados con CSS posible? - html, css, css-position, clear

¿Hay alguna manera de despejar absolutamente posicionado¿Elementos con CSS? Estoy creando una página en la que necesito que cada parte del sitio (elemento de sección) esté en una posición absoluta, y quiero aplicar un pie de página con contenido debajo de esos elementos.
Intenté posicionar relativamente el encabezado y el pie de página para ver si se tomaría en cuenta una altura total, pero el pie de página aún queda "atrapado" debajo de los elementos de la sección. ¿Algunas ideas?

<header style="position: relative;"></header>

<div id="content" style="position: relative;">

<section id="a" style="position: absolute;"></section>

<section id="b" style="position: absolute;"></section>

<section id="c" style="position: absolute;"></section>

<section id="d" style="position: absolute;"></section>

<section id="e" style="position: absolute;"></section>

</div>

<footer style="position: relative;"></footer>

Respuestas

Los elementos absolutamente posicionados ya no forman parte.del diseño: los elementos principales no tienen idea de cuán grandes son los elementos secundarios posicionados de forma absoluta. Debe establecer la altura del "contenido" para asegurarse de que no se solape con el pie de página.

No utilice elementos con una posición absoluta para los diseños, ya que esos elementos se eliminan del flujo normal y ya no afectan a los elementos que los rodean. Y no están afectados por otros elementos.

Utilice la posición absoluta para mover elementos dentro de un contenedor cuando las condiciones lo permitan.

Para los elementos flotantes, le sugiero que utilice una técnica de limpieza específica llamada clearfix. Lo uso religiosamente.

http://nicolasgallagher.com/micro-clearfix-hack/

http://jsfiddle.net/necolas/K538S/

Tenía la misma pregunta, hizo todo absoluto posicionado,pero deje que el primero sea relativo, ya que para un diseño sensible donde la altura cambia, sí ayudó a hacer un seguimiento de los cambios de altura de los elementos, observe que en este caso todos los elementos tienen la misma altura:

.gallery3D-item {
position: absolute;
top: 0;
left: 0;
}
.gallery3D-item:first-of-type {
position: relative;
display: inline-block;
}