Drei grundlegende Positionierungsmechanismen in CSS

Drei grundlegende Positionierungsmechanismen in CSS

a. Gewöhnlicher Dokumentenfluss

b. Positionierung: relative Positionierung

Absolute Positionierung

Feste Positionierung

c. Float

1. Im normalen Fluss wird die Position der Elemente durch die Reihenfolge der Elemente auf Blockebene und die Vertikale bestimmt Der Abstand zwischen den Boxen wird durch den Wert für den vertikalen Rand bestimmt.

2. Die relative Positionierung wird als Teil des normalen Flusses betrachtet. Das verschobene Element nimmt immer noch die ursprüngliche Position ein. Durch das Verschieben des Elements werden andere Felder abgedeckt

3 Die absolute Positionierung erfolgt relativ zum nächstgelegenen Vorgängerelement, und die absolute Positionierung ist außerhalb des normalen Ablaufs

4 Die Positionierung erfolgt relativ zur Positionierung des Browserfensters

5. Das schwebende Element kann sich nach links und rechts bewegen, bis der Rand seines äußeren Randes 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 Informationen dazu Die drei grundlegenden Positionierungsmechanismen in CSS finden Sie auf der chinesischen PHP-Website für verwandte Artikel!