Einführung in die relative und absolute Positionierung in CSS

1. Wenn wir die Position für ein Element nicht festlegen, ist die Standardeinstellung zu diesem Zeitpunkt nicht und Offset-Attribute wie links/rechts haben keine Auswirkung.

2.position:relative (relative Positionierung)

Wenn auf relative Positionierung eingestellt, können Sie Links-/Rechtsversätze relativ zur ursprünglichen Position des Elements und zur ursprünglichen Position konfigurieren belegt immer noch den Platz im Dokumentfluss und der Versatz verdrängt andere Elemente nicht. Wenn es also zu Überlappungen kommt, kann die Stapelreihenfolge über den Z-Index festgelegt werden.

3.position:absolute (absolute Positionierung)

Wenn ein Element auf absolute Positionierung eingestellt ist, nimmt es keinen Platz im Dokumentfluss ein und wird schwebend angezeigt. Anders als bei der relativen Positionierung löscht die absolute Positionierung den Raum der ursprünglichen Position im Dokumentfluss. Durch die Positionierung wird durch das übergeordnete Element gesucht, das nicht statisch ist (wenn das übergeordnete Element statisch ist, suchen Sie das übergeordnete Element von Das übergeordnete Element finden Sie auf der oberen Ebene.

Das obige ist der detaillierte Inhalt vonEinführung in die relative und absolute Positionierung in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!