Ясни абсолютно позиционирани елементи с CSS възможно? - html, css, css-позиция, ясно

Има ли някакъв начин да се изясни абсолютно позициониранелементи с CSS? Създавам страница, в която имам нужда от всяка част от сайта (елемент от секцията) да бъде абсолютно позиционирана и искам да приложим долен колонтитул със съдържание под тези елементи.
Опитахме се сравнително да позиционираме заглавката и долната колона, за да видим дали ще се вземе предвид общата височина, но футболът все още се "заклещва" под елементите на сечението. Някакви идеи?

<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>

Отговори:

Абсолютно разположените елементи вече не са част от тяхна оформлението - родителските предмети нямат представа колко големи абсолютно позиционирани детски елементи са. Трябва сами да настроите височината на "съдържанието", за да сте сигурни, че няма да се припокрива със записите.

Не използвайте абсолютно разположени елементи за оформления, тъй като елементите се отстраняват от нормалния поток и вече не засягат елементите около тях и не се влияят от други елементи.

Използвайте абсолютно позициониране, за да придвижвате елементи в контейнер, когато условията го позволяват.

За плаващи елементи предлагам да използвате конкретна техника за клиринг, наречена clearfix. Аз го използвам религиозно.

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

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

Имаше същия въпрос, направил всичко абсолютно позициониран,но нека първата е относителна, тъй като за отзивчиво оформление, където височината се променя, тя е помогнала да следите измененията на височините на елементите, забележете в този случай всички елементи са със същата височина:

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