Box 1
Box 2
Box 3
Box 4

position: absolute

Die absolute Positionierung bezieht sich auf das nächste umschließende Element, welches in irgend einer Form positioniert ist. Ist ein solches nicht vorhanden, erfolgt die Positionierung relativ zum obersten Element body bzw. html. Das heißt, das positionierte Element wird zunächst einmal an der oberen linken Fensterecke ausgerichtet, es sei denn, es befindet sich innerhalb eines weiteren Elementes, welches seinerseits positioniert wurde. Dann wird es daran ausgerichtet.

Die absolute Positionierung nimmt das Element komplett aus dem Fluss heraus. Alle anderen Elemente verhalten sich so, als ob es gar nicht da wäre.

Box 5 ist mit top:1 und left :1 absolut ausgerichtet.

Die weiße Box drumherum ist relativ positioniert, hat jedoch keine Werte bekommen, befindet sich also noch im Fluss. Da sie aber als positioniert gilt und die Box 5 umschließt, wird diese an jener ausgerichtet und nicht am Browserfenster.

Box 5