CSS-Positionierungs-Layout
Das CSS-Positionierungs-Layout-Modul definiert die koordinatenbasierte Positionierungs- und Offset-Schemata, die in CSS verfügbar sind, sowie die Eigenschaften, die zur Positionierung und Stapelung von Elementen auf einer Webseite verwendet werden. Das Modul ist bekannt für die Definition der grundlegenden Positionierungsmethoden, einschließlich relativer Positionierung, "sticky" Positionierung, absoluter Positionierung und fester Positionierung. Es definiert auch, wie positionierte Elemente gemalt und geschichtet werden, um das Stapelverhalten und die visuelle Reihenfolge zu klären.
Das Positionierungs-Layout-Modul definiert die physischen, logischen und Kurzschreibweise-Inset-Eigenschaften. Die logischen Eigenschaften ermöglichen die Entwicklung mit Internationalisierung und Reaktionsfähigkeit im Blick.
Wie alle CSS-Module beeinflusst und wird dieses Modul durch andere Module beeinflusst. Es beschreibt, wie die Positionierung mit anderen Layout-Modulen wie dem CSS-Flexibler-Box-Layout und dem CSS-Grid-Layout interagiert. Andere Module, wie das CSS-Anker-Positionierungsmodul, bauen auf diesem Modul auf, um die Positionierung von Elementen relativ zu anderen Elementen und Schichten zu ermöglichen.
Referenz
>Eigenschaften
Selektoren
Glossarbegriffe und Definitionen
Leitfäden
- Verstehen von z-index
-
Behandelt den Begriff des Stapelkontexts und erklärt, wie die Z-Ordnung funktioniert, mit mehreren Beispielen.
- Stapelung ohne die
z-indexEigenschaft -
Die Stapelregeln, die gelten, wenn
z-indexnicht verwendet wird. - Stapelung schwebender Elemente
-
Wie schwebende Elemente in der Stapelung gehandhabt werden.
- Verwendung von
z-index -
Wie
z-indexverwendet wird, um die Standard-Stapelung zu ändern. - Stapelkontext
-
CSS-Stapelkontext, die CSS-Funktionen, die neue Stapelkontexte erstellen, und geschachtelte Stapelkontexte.
- Lernen: Positionierung
-
Die verschiedenen Positionswerte und wie man sie verwendet.
Verwandte Konzepte
Spezifikationen
| Specification |
|---|
| CSS Positioned Layout Module Level 3> |
| CSS Positioned Layout Module Level 4> |
Siehe auch
- Andere CSS
*-positionEigenschaften: - Positionsbezogene Datentypen
- CSS Scroll Snap Modul