Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

position: relative

Relativ positionierte Elemente befinden sich im normalen Fluss und können durch Positionsangaben relativ zu ihrer Normalposition im Dokumentfluss verschoben werden.

Eine Verschiebung erfolgt über die Eigenschaften left, right, top, bottom mit einer relativen oder absoluten Maßangabe.

Bei einer relativen Verschiebung wird die Normalposition des Elements freigehalten; es kann also zu Überlappungen kommen.

Ein relative positioniertes Element ohne Angaben einer Verschiebung befindet sich im normalen Fluss. Ein solches Element kann als Positionierungsgrundlage (containing block) für eine absolute Verschiebung eines Nachfahrenelements dienen.

Ein Element mit position:relative gilt als positioniertes Element.