Властивість position встановлює спосіб позиціювання елемента відносно вікна браузера або інших об’єктів веб-сторінки. Може приймати значення:

• absolute

  Вказує, що елемент позиціонується абсолютно, при цьому інші елементи відображаються на веб-сторінці так, ніби позиціонованого абсолютно елемента немає.
  Розміщення елемента задається властивостями left, top, right і bottom, на розміщення також впливає значення властивості position елемента-батька.
  Так, якщо у батька значення position встановлене як static, або батька елемент не має, то відлік координат ведеться від краю вікна браузера. Якщо у батька значення position задане як fixed, relative або absolute, то ввідлік координат ведеться від краю елемента-батька.

• fixed

  Дія цього значення близька до дії значення absolute, але, на відміну від нього, елемент прив’язується до вказаної властивостямиleft, top, right і bottom точки екрану і не змінює свого положення при прокрутці веб-сторінки. Браузер Firefox взагалі не відображає смуг прокрутки, якщо положення елемента задане як фіксоване, і він не поміщається у вікні браузера. В браузері Opera смуги прокрутки хоч і показуються, але ніяк не впливають на позицію елемента.

• relative

  Розміщення елемента встановлюється відносно його початкової позиції. Додавання властивостей left, top, right і bottom змінює позицію елемента і зсуває його в той чи інший бік від початкового розміщення.

• static

  Елементи відображаються звичайним чином. Використання властивостей left, top, right і bottom ігнорується.

• inherit

  Успадковує значення властивості елемента-батька.

Перекладено з htmlbook.ru