Warum fließt das vorangestellte Geschwisterelement oben, wenn das erste Geschwister die absolute Position hat?

Question

Ich habe zwei Geschwister sections, und verwendet position:absolute auf ersten Abschnitt, aber der zweite Abschnitt erscheint an der Spitze. Ich habe die position:relative auf zweiten Abschnitt verwendet, aber es funktioniert nicht.

Hier CSS für ersten Abschnitt:

#slideshow > figure { 
    animation: imageAnimation 30s linear infinite 0s; 
    backface-visibility: hidden; 
    background-size: cover; 
    background-position: center center; 
    color: transparent; 
    height: 100%; 
    left: 0px; 
    opacity: 0; 
    position: absolute; 
    top: 0px; 
    width: 100%; 
    z-index: 0; 
} 

und CSS für die zweiten Abschnitt:

#education { 
    display: block; 
    position: relative; 
} 

Ich mag der zweite Abschnitt fließt normalerweise nach dem ersten Abschnitt.

Answer 1

Alles mit position: absolute ist aus dem Fluss der Elemente genommen - kein Platz ist automatisch für sie reserviert. (Ausgenommen für relative und static)

ADDITION nach Reinigung der Frage: mit dem zweiten Abschnitt unter dem ersten beginnen zu haben, gibt ihm ein margin-top, die so hoch wie den ersten (absolut positionierte) Abschnitt ist. Dadurch wird es unter den ersten Abschnitt verschoben. Da ich den Rest deines CSS nicht kenne, kann ich dir nicht viel mehr Details geben.