Elemente zu einander
Positionierung
Jedes Element wird im HTML-Textfluss aneinander gereiht. Ohne Einstellungen wird alles schön der Reihe nach dargestellt.
Um gewisse Elemente spezifisch zu platzieren, können vier Möglichkeiten mit ihren jeweiligen Justierungen gewählt werden.
Die wichtigsten Positionen
Auto/Statisch: Element bleibt im Fluss. Fliesst mit.
Relative: Element ist abhängig von seinem «Parent-Element»
Absolute: Element ist fix im Fluss (oder innerhalb des Parent) platziert.
Fixed: Element ist ausserhalb des Flusses positioniert. Und bleibt fix im Viewport sichtbar.
Sticky: Element ist innerhalb seines Parents positioniert. Aber reagiert auf den Viewport und bleibt «fixed» platziert, solange der Parent sich im Viewport befindet.
