Stadnik Roman написав: Яка різниця між position: relative; та position:absolute; ?
position: relative; - зміщення блоку відносно його нормального розташування. Тобто якщо у вас є три параграфи, то в нормальному потоці вони відображаються один за одним. Якщо ви для другого параграфу вкажете властивості position: relative; left:-20px; top:-50px;, то він буде зміщений відносно його нормальної точки вставки на 20 пікселів вліво, та на 50 - вправо. Тобто він налізе вгору на перший параграф, і буде при цьому зсунутим в ліву сторону. Але це не вплине на розміщення третього параграфу - він буде відображений в тому ж місці, де повинно було би закінчитись відображення другого параграфу при нормальному потоці.
position:absolute; - вказане зміщення розраховується від зовнішнього елементу для даного блоку, в якому він повністю знаходиться. Наприклад, відносно <html>, чи контейнера <div>.
position:fixed; - це мені подобається найбільше, бо ця властивість дозволяє задати координати об"єкта відносно вікна браузера, тому навіть при прокрутці сторінки він завжди залишається на місці.
Перегляньте це.