Absolute Position

Ein Element mit position: absolute wird aus dem normalen Fluss genommen: Die anderen Elemente verhalten sich, als wäre es gar nicht auf der Seite, und füllen den Platz, den es hinterlassen hat.

Auch seine Verschiebungen funktionieren anders. Sie werden nicht von seinem ursprünglichen Platz aus gemessen, sondern von den Rändern seines nächsten Vorfahren (sein Elternelement, dessen Elternelement und so weiter), dessen position etwas anderes als static ist. Gibt es keinen solchen Vorfahren, werden sie von den Rändern der Seite aus gemessen (genauer: ihres ersten Bildschirms, wie du später in dieser Lektion sehen wirst). Zum Beispiel:

.hinweis {
	position: absolute;
	top: 0;
	right: 0;
}

Wenn keiner der Vorfahren des Elements mit der Klasse hinweis eine andere Position als static hat, sitzt dieses Element in der oberen rechten Ecke der Seite.