CSS Eigenschaft position
Beispiele
Lage <h2> -Element:
{
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. |
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