Definition und Verwendung
Das Positionsattribut gibt den Positionierungstyp des Elements an.
Beschreibung
Dieses Attribut definiert den Positionierungsmechanismus, der zum Festlegen des Layouts des Elements verwendet wird. Jedes Element kann positioniert werden, aber absolute oder feste Elemente erzeugen eine Box auf Blockebene, unabhängig vom Typ des Elements selbst. Ein relativ positioniertes Element wird im normalen Fluss von seiner Standardposition versetzt.
Standard:
statisch
Vererbung:
nein
Version:
CSS2
JavaScript-Syntax:
object.style.position="absolute"
Instanz
Positionierung des h2-Elements:
h2
{position:absolute ;left :100px;
top:150px;
}
TIY
Browser-Unterstützung
Alle gängigen Browser unterstützen das Positionsattribut.
Hinweis: Der Attributwert „inherit“ wird in keiner Version von Internet Explorer (einschließlich IE8) unterstützt.
Mögliche Werte
Wert
Beschreibung
absolut
Absolut positioniert generieren Elemente werden im Gegensatz zur statischen Positionierung relativ zum ersten übergeordneten Element positioniert. Die Position des
-Elements wird durch die Attribute „left“, „top“, „right“ und „bottom“ angegeben.
fest
Erzeugt ein absolut positioniertes Element, positioniert relativ zum Browserfenster. Die Position des
-Elements wird durch die Attribute „left“, „top“, „right“ und „bottom“ angegeben.
relative
Erzeugt ein relativ positioniertes Element, das relativ zu seiner normalen Position positioniert ist.
Also fügt „left:20“ 20 Pixel zur LINKEN Position des Elements hinzu.
statischer Standardwert. Ohne Positionierung erscheint das Element im normalen Fluss (ohne Berücksichtigung der Top-, Bottom-, Left-, Right- oder Z-Index-Deklarationen).
inherit
gibt an, dass der Wert des Positionsattributs vom übergeordneten Element geerbt werden soll.
erben 
