Każdy element umieszczony na stronie ma nadane position:static jest to jego domyślne położenie. Dlatego też nie ma większego sensu nadawanie takiego formatowania elementom na stronie.Wielkości wziększają się wraz z ilością tekstu, jeżeli w kodzie jeden element jest pod drugim tak samo będzie na stronie.

Przykład pozycjonowania statycznego:

Pozycjonowanie względne pozwala na przesunięcie wybranego elementu w dowolną stronę i tu sprzydają nam się właściowści left, right, top, bottom, względem wcześniejszego pojemnika o pozycji statycznej.

W tym przypadku div "względne" posiada właściwości position:relative i top:30px oraz right:30px;.

Pozycjonowanie bezwzględne pozwala na pozycjonowanie względem pierwszego elementu pozycjonowanego inaczej niż statycznie.Działa tutaj left, right, top, bottom.Jeżeli żaden wcześniejszy element nie posiadał pozycjonowania innego niż statyczne to będzie on pozycjonowany od narożnika przeglądarki.

W tym przypadku pozycję "relative" posiada pojemnik, a pojemnik "bezwzględne" position:absolute i bottom:5px oraz left:20px;.

Ostatnim pozycjonowaniem jest tak zwane pozycjonowanie trwałe.Polega na tym że element jest pozycjonowany względem okna przeglądarki i nie zaleznie od przejeżdżania w dół zostaje on w swoim ustalonym miejscu jakie nadaliśmy mu dzięki left, right, top, bottom.

W tym przypadku div "trwałe" jest z nami od początku strony w tym samym miejcu wi wszedzie z nami jeździ.