Die Positionierung entscheidet über fünf Werte, woran sich ein Element orientiert: am normalen Fluss, an sich selbst, am nächsten positionierten Vorfahren oder am Fenster.
- Positionierung (static, relative, absolute, fixed, sticky)
Eigenschaft, die bestimmt, ob ein Element im normalen Fluss bleibt und worauf sich Angaben zu seiner Lage beziehen.
Beispiel: „Ohne Positionierung steht ein Element dort, wo der Fluss es hinstellt.“
Die fünf Werte
static: die Voreinstellung. Das Element bleibt im Fluss, Angaben zur Lage wirken nicht.relative: verschiebt das Element gegenüber seiner eigenen Position. Der Platz bleibt reserviert, Nachbarn rücken nicht nach.absolute: nimmt es aus dem Fluss und richtet es am nächsten positionierten Vorfahren aus. Der Platz wird frei.fixed: richtet am Fenster aus. Das Element bleibt beim Scrollen stehen.sticky: verhält sich wie relativ, bis eine festgelegte Grenze erreicht ist, und bleibt dann dort kleben.
Der Bezugspunkt
Die häufigste Überraschung betrifft absolute: Bezugspunkt ist der nächste Vorfahr, der selbst positioniert ist. Gibt es keinen, ist es das Dokument. Deshalb setzt man am umgebenden Kasten position: relative, ohne ihn zu verschieben, nur um ihn zum Bezugspunkt zu machen.
Bei sticky ist die häufigste Ursache für Wirkungslosigkeit ein Vorfahr mit overflow ungleich visible.