Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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