Pozycjonowanie umożliwia precyzyjne umiejscowienie elementów na stronie.
Pozycjonowanie ustalamy za pomocą position.
selektor { position: wartość; }Właściwość position może przyjmować wartości:
- absolute – element znajduje się w miejscu zdefiniowanym przez wartości left, right, top, bottom względem bloku, w którym został umieszczony
- relative – definiowana na podstawie rzeczywistego umiejscowienia na stronie, przesuwanie następuje za pomocą wartości left, right, top, bottom
- fixed – pozycja ustalana względem okna przeglądarki, przesuwanie następuje za pomocą wartości left, right, top, bottom
- static – wyłączenie pozycjonowania
Absolute
p { position: absolute; top: 25px; left: 270px; font-weight: bold; }Przykład
Tekst nie pozycjonowany
Tekst pozycjonowany absolutnie.
Relative
p { position: relative; left: 80px; }Przykład
Tekst nie pozycjonowany.
Tekst pozycjonowany relatywnie.
Fixed
p { position: fixed; }Static
p { position: static; }