Detaillierte Interpretation der Positionierung im Seitenlayout

Im Folgenden finden Sie die Positionierung des Seitenlayouts, das ich für Sie zusammengestellt habe.

Bei Verwendung von div+CSS für das Seitenlayout wird die Positionspositionierung wie folgt verstanden:

1. Position (aktuelles Element): relativ, die nicht abweicht Das Dokumentfluss-Layout ist der Versatz relativ zu seiner eigenen Position. Wenn die ursprüngliche Position leer ist, werden die folgenden Elemente nicht ausgefüllt, dh die relative Position (oder relative Reihenfolge) des aktuellen Elements und der folgenden Elemente ändert sich nicht . Normalerweise verstehe ich es so: Egal was passiert, die Reihenfolge des aktuellen Elements und der nachfolgenden Elemente wird sich nicht ändern.

2. Position des aktuellen Elements: absolut, getrennt vom Layout des Dokumentflusses. Wenn die ursprüngliche Position leer ist, wird sie durch nachfolgende Elemente gefüllt (. Position ist nicht statisch) oder Körper, das heißt, die Position des aktuellen Elements relativ zum übergeordneten Element oder Körper ist fest, aber nachfolgende Elemente können sich vor dem aktuellen Element bewegen. Normalerweise verstehe ich darunter: die Reihenfolge des Stroms Element und nachfolgende Elemente können sich ändern.

3. Position (des aktuellen Elements): fest, ähnlich wie absolut, ändert die Position jedoch nicht, wenn sich die Bildlaufleiste bewegt (z. B. bei Anzeigen, die in der unteren rechten Ecke einiger Webseiten platziert werden). Wird die Bildlaufleiste nach unten gezogen, bleibt die Position der Anzeige unverändert), werden beim Verkleinern des Browsers keine Bildlaufleisten auf der Seite angezeigt, sodass dieses Element nicht sichtbar ist.

4. Position des aktuellen Elements: statisch, Standardwert.

Das Obige ist die Positionierung des Seitenlayouts, das ich für Sie zusammengestellt habe. Ich hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Detaillierte Einführung in CSS-Seitenlayouttechniken

Detaillierte Erläuterung grundlegender CSS-Wissenspunkte

jquery+CSS3 implementiert die Dropdown-Navigationsmenüfunktion

Das obige ist der detaillierte Inhalt vonDetaillierte Interpretation der Positionierung im Seitenlayout. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!