CSS positioniertes Layout

Das CSS positioniertes Layout-Modul definiert die koordinatenbasierten Positionierungs- und Verschiebungsschemata, 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 besonders bekannt für die Definition der grundlegenden Positionierungsmethoden, einschließlich relativer Positionierung, klebender (sticky) Positionierung, absoluter Positionierung und fester (fixed) Positionierung. Es definiert außerdem, wie positionierte Elemente bemalt und geschichtet werden, klärt das Stapelverhalten und die visuelle Reihenfolge.

Das positionierte Layoutmodul definiert die physikalischen, logischen und abgekürzten Einfügeeigenschaften. Die logischen Eigenschaften ermöglichen die Entwicklung unter Berücksichtigung von Internationalisierung und Reaktionsfähigkeit.

Wie alle CSS-Module beeinflusst dieses Modul andere Module und wird von diesen beeinflusst. Dieses Modul beschreibt, wie die Positionierung mit anderen Layoutmodulen interagiert, wie z.B. CSS flexible Box-Layout und CSS Grid-Layout. Andere Module, wie CSS Ankerpositionierung, bauen auf diesem Modul auf, um das Positionieren von Elementen relativ zu anderen Elementen und Ebenen zu ermöglichen.

::backdrop

Glossar und Begriffe

Leitfäden

Verstehen von z-index: Präsentiert das Konzept des Stapelungskontextes und erklärt, wie Z-Ordnungen funktionieren, mit mehreren Beispielen.
Stapelung ohne die z-index-Eigenschaft: Die Stapelregeln, die gelten, wenn z-index nicht verwendet wird.
Schwebende Elemente stapeln: Wie schwebende Elemente im Stapeln gehandhabt werden.
Verwendung von z-index: Wie z-index verwendet wird, um die Standardstapelung zu ändern.
Stapelungskontext: CSS-Stapelungskontext, die CSS-Features, die neue Stapelungskontexte erstellen, und verschachtelte Stapelungskontexte.
Lernen: Positionierung: Die verschiedenen Positionierungswerte und wie sie verwendet werden.