English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
The CSS position property specifies how an element is positioned.
The following table provides usage instructions and version history for this property, as well as the syntax for using this property in JavaScript scripts.
| Default Value: | static |
|---|---|
| Applies to: | All Elements |
| Inheritance: | None |
| Animatable: | No.See also Animation Properties. |
| Version: | CSS 2,3 |
| JavaScript Syntax: | object.style.position="absolute" |
Tipp:Elemente außerhalb der position Eigenschaft des Elements werden als Placement bezeichnet. Sie haben eine vertikale Position im Stack-Environment durch die z-von der index Eigenschaft bestimmt.
Die Syntax dieses Attributes ist wie folgt:
position: static | relative | absolute | fixed | sticky | initial | inherit
Die folgenden Beispiele zeigen, wie die position Eigenschaft verwendet wird.
h1 {
position: absolute;
oben: 100px;
links: 150px;
}Testen Sie es heraus‹/›Hinweis: Für Druckmedientypen wird dieser Rahmen auf jeder Seite dargestellt und ist相对于 Seitenrahmen fest, selbst wenn die Seite durch einen Fensterbereich betrachtet wird (z.B. im 'Druckvorschau'-Modus).
Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| static | Der Box dieses Elements ist eine normale Box und wird gemäß dem normalen Fluss ausgerichtet. Für statische Boxen:oben,rechts,unten,links, undz-indexDiese Eigenschaft wird ignoriert. Dies ist der Standardwert. |
| relative | Das Element wird相对于 seine normale Position (dies wird als Position im normalen Fluss bezeichnet) positioniert. |
| absolute | Das Element ist相对于 seine Position nicht statisch, sondern ist相对于 seine erste übergeordnete Element positioniert. |
| fixed | Dieses Element ist相对于 Bildschirmfenster fest und bewegt sich beimScrollen nicht. Beim Drucken wird das Element auf jeder Seite gedruckt. |
| sticky | Die Position dieses Elements ähnelt der relativen Positionierung des Rahmens und wird 'geklebt' an den nächsten Vorfahren mit 'Rollmechanismus'. |
| initial | Diese Eigenschaft wird auf ihren Standardwert gesetzt. |
| inherit | Wenn angegeben, wird der verknüpfte Element der position Eigenschaft des übergeordneten Elements verwendet. |
Kompatibilität der Browserversionen der position Eigenschaft; die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte lesen Sie die folgenden Anleitungen:CSS-Position,CSS-Schichten.