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-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-index Eigenschaft

Die Stapelregeln, die gelten, wenn z-index nicht verwendet wird.

Stapelung schwebender Elemente

Wie schwebende Elemente in der Stapelung gehandhabt werden.

Verwendung von z-index

Wie z-index verwendet 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