Drei Positionierungsmechanismen in CSS

Drei grundlegende Positionierungsmechanismen in CSS

a. Gewöhnlicher Dokumentenfluss

b. Positionierung: relative Positionierung

Absolute Positionierung

Behoben Positionierung

c. Floating

1 Im normalen Fluss wird die Position der Elemente durch die Reihenfolge bestimmt Von oben nach unten und dem vertikalen Abstand zwischen den Boxen. Berechnet aus dem vertikalen Randwert der Box, werden Inline-Elemente horizontal in einer Reihe angeordnet.

2. Die relative Positionierung wird als Teil des normalen Flusses betrachtet Das Verschieben des Elements führt dazu, dass es andere Felder abdeckt

3. Die absolute Positionierung erfolgt relativ zum nächstgelegenen Vorgängerelement und die absolute Positionierung erfolgt außerhalb des normalen Ablaufs >4. Die feste Positionierung erfolgt relativ zur Positionierung des Browserfensters

5 Das schwebende Element kann sich nach links und rechts bewegen, bis der Rand seines äußeren Rahmens den Rand der Box berührt, die sich selbst oder eine andere schwebende Box enthält 🎜>

6. Das schwebende Element löst sich vom normalen Dokumentenfluss

7. Inline-Elemente und Inline-Blockelemente werden um die schwebende Box herum angeordnet und Blockelemente werden abgedeckt

Weitere Artikel zu den drei Positionierungsmechanismen in CSS finden Sie auf der chinesischen PHP-Website!