CSS Positioniertes Layout
Das CSS positioniertes Layout-Modul definiert die koordinatenbasierte Positionierung und Verschiebungsmethoden, die in CSS verfügbar sind, sowie die Eigenschaften, die verwendet werden, um Elemente auf einer Webseite zu positionieren und zu stapeln. Das Modul ist am besten 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, und klärt das Stapelverhalten und die visuelle Reihenfolge.
Das Modul für positioniertes Layout definiert die physischen, logischen und abgekürzten Inset-Eigenschaften. Die logischen Eigenschaften ermöglichen es, die Entwicklung mit Internationalisierung und Reaktionsfähigkeit im Blick zu haben.
Wie alle CSS-Module beeinflusst dieses Modul andere Module und wird von ihnen beeinflusst. Dieses Modul beschreibt, wie die Positionierung mit anderen Layout-Modulen wie dem CSS flexible Box-Layout und dem CSS Grid-Layout interagiert. Andere Module, wie das CSS Anker-Positionierung, bauen auf diesem Modul auf, um die Positionierung von Elementen relativ zu anderen Elementen und Ebenen zu ermöglichen.
Referenz
>Eigenschaften
Selektoren
Glossar und Begriffe
Leitfaden
- Verständnis von z-index
-
Stellt das Konzept des Stapel-Kontexts vor und erklärt, wie z-Ordnung funktioniert, mit mehreren Beispielen.
- Stapeln ohne die Eigenschaft
z-index
-
Die Stapelregeln, die angewendet werden, wenn
z-index
nicht verwendet wird. - Stapeln von schwebenden Elementen
-
Wie schwebende Elemente beim Stapeln behandelt werden.
- Verwendung von
z-index
-
Wie Sie
z-index
verwenden, um die Standardreihenfolge zu ändern. - Stapellagen-Kontext
-
CSS Stapellagen-Kontext, die CSS-Funktionen, die neue Stapel-Kontexte erstellen, und geschachtelte Stapel-Kontexte.
- Lernen: Positionierung
-
Die verschiedenen Positionswerte und deren Verwendung.
Verwandte Konzepte
Spezifikationen
Specification |
---|
CSS Positioned Layout Module Level 3> |
CSS Positioned Layout Module Level 4> |
Siehe auch
- Andere CSS
*-position
Eigenschaften: - Positionsbezogene Datentypen
- CSS Scroll Snap-Modul