Referenz:CSS/Eigenschaften/position

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft position CSS 3.0 CSS 1.0
Beschreibung entfernt Elemente aus dem normalen Elementfluss und positioniert sie an jede beliebige Stelle des Viewports
erlaubte Werte
  • absolute: losgelöst vom Textfluss, an eine Stelle, die per left, right, top und bottom festgelegt wird.
  • fixed: starr am Viewport ausgerichtet, mit left, right, top und bottom festgelegt
  • relative: Bezugspunkt für absolut positionierte Kindelemente
  • static: Element verbleibt im Textfluss
  • sticky: behält Position im Elementfluss, bis das obere oder untere Seitenende erreicht wird und bleibt dort „kleben“
  • CSS 3.0
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Safari

Details: caniuse.com

default-Wert

static

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Spezifikation W3c logo klein.gif position property
Beispiel
aside {
  position: absolute;
  right: 5em;
  top:2em;
}

Die aside-Box wird absolut positioniert, also aus dem Elementfluss herausgenommen. Dann wird die Position mit top und right festgelegt.

Beachten Sie

{{{Hinweis}}}

Tipp

Wenn Sie Elemente absolut positionieren, wird das Elternelement, das mit position: relative; ausgezeichnet ist, als Bezugspunkt genommen. Fehlt diese Zuweisung, ist der Bezugspunkt das html-Element.