Свойство position

Последнее обновление: 10.01.2011

Свойство position устанавливает способ позиционирования элемента на веб странице.

Допустимые значения

  • static — обычное расположение элемента
  • relative — обычное положение элемента. Дочерние элементы с абсолютным позиционированием будут позиционироваться относительно границ родителя. Так же положение элемента можно менять свойствами top, left, right, bottom относительно текущего положения
  • absolute — абсолютное позиционирование элемента, относительно окна браузера или блока-родителя со свойствами position: absolute или position: relative. Положение задается свойствами top, left, right, bottom. Элемент «выпадает» из нормального потока элементов
  • fixed — в зависимости о того заданы ли top и left элемент может себя вести по разному:
    если координаты не заданы, элемент прикрепляется к месту, на котором расположен в нормальном потоке элементов, при этом при прокрутке окна браузера, остается на месте (не прокручивается с остальным содержимым);
    если же координаты заданы, элемент позиционируется относительно окна браузера (относительно других элементов не может) и не прокручивается вместе с содержимым.
  • inherit — наследует значение от родителя
Значение по умолчанию static
Применимо ко всем элементам
Наследование нет
Версия CSS CSS 2
Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример

div {
position: absolute;
}
Твой код:
Результат:
большой полигон

Заметки

  • по умолчанию координаты элементов равны 0 (left: 0; top: 0), что равносильно положению в верхнем левом угле окна браузера (или родителя)
  • position: fixed; не воспринимается IE6 и работает с некоторыми ошибками в IE7
  • по умолчанию элементы с position: absolute, position: fixed будут расположены поверх элементов в нормальном потоке
  • для управления видимостью перекрывающихся элементов используйте свойство z-index

По теме

Показать комментарии