Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство position | назначение, допустимые значения, примеры

Свойство 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;
}


Твой код:

Результат: