Zum Inhalt springen

position

  • Redaktion 
  • Zuletzt aktualisiert am

#position

Legt das Positionsverhalten des Elements fest.

default position: static;

Das Element wird im natürlichen Fluss der Seite bleiben.

Folglich wird es nicht als Ankerpunkt für den absolut positionierten rosa Block dienen.

Außerdem wird es nicht auf die folgenden Eigenschaften reagieren:

  • top
  • bottom
  • left
  • right
  • z-index

position: relative;

Das Element wird im natürlichen Fluss der Seite bleiben.

Es macht das Element auch positioniert: es wird als Ankerpunkt für den absolut positionierten rosa Block dienen.

Außerdem wird es auf die folgenden Eigenschaften reagieren:

  • top
  • bottom
  • left
  • right
  • z-index

position: absolute;

Das Element wird nicht im natürlichen Fluss der Seite bleiben. Es positioniert sich selbst entsprechend dem am nächsten positionierten Vorgänger.

Weil es positioniert ist, wird es als Ankerpunkt für den absolut positionierten rosa Block dienen.

Außerdem reagiert er auf die folgenden Eigenschaften:

  • top
  • bottom
  • left
  • right
  • z-index

position: fixed;

Das Element wird nicht im natürlichen Fluss der Seite bleiben. Es wird sich selbst entsprechend dem Ansichtsfenster positionieren.

Weil es positioniert ist, wird es als Ankerpunkt für den absolut positionierten rosa Block dienen.

Außerdem wird er auf die folgenden Eigenschaften reagieren:

  • top
  • bottom
  • left
  • right
  • z-index