1. Heim
  2. CSS Eigenschaft position

Das beste CSS Eigenschaft position-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Attributdefinitionen und Anweisungen,Browser-Unterstützung,Eigenschaft Wert,Weitere Beispiele,In Verbindung stehende Artikel, lernen

CSS Eigenschaft position

Beispiele

Lage <h2> -Element:

h2
{
position: absolute;
links: 100px;
top: 150px;
}

Versuchen »

Im unteren Bereich dieser Seite finden Sie weitere Beispiele.

Attributdefinitionen und Anweisungen

Position Attribut gibt den Typ eines Elements (statisch, relativ, absolut oder fest) Positionierungsverfahren.

Standard: statisch
Vererbung: keine
Version: CSS2
JavaScript-Syntax: Objekt .style.position = "absolute"

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.

属性
position 1.0 7.0 1.0 1.0 4.0

Eigenschaft Wert

Wert Beschreibung
absolute

Generieren Sie absolut positionierte Elemente, bezogen auf das erste übergeordnete Element außerhalb der statischen Positionierung positioniert.

Position des Elements durch die "links", "oben", "rechts" und "unten" Attribut angegeben.

fest

Generieren Sie die absolute Positionierung von Elementen relativ zum Browserfenster Positionierung.

Position des Elements durch die "links", "oben", "rechts" und "unten" Attribut angegeben.

relativ

Erzeugungselement relativen Positionierung, in seine normale Position Positionierung relativ.

So "links: 20", fügt 20 Pixel in die linke Position des Elements.

statisch Default. Kein Positionierelement tritt im normalen Fluss (ohne Berücksichtigung der oben, unten, links, rechts oder z-index-Anweisung).
erben Es sollten Vorschriften für den Eigenschaftswert Position aus dem Elternelement erben.

Beispiele

Weitere Beispiele

Position: relative
Dieses Beispiel zeigt ein Element relativ zu seiner normalen Position, wie zu lokalisieren.

In Verbindung stehende Artikel

CSS Tutorial: CSS - Positionierung

Hot Tutorials

Kontaktiere uns

CSS Eigenschaft position
10/30