/ Справочники / CSS3 / position

Информация по поводу - position


Свойство position позволяет установить позиционирование объекта. Вы можете установить объект относительно страницы или же относительно других объектов.


Значения:

  • absolute - абсолютное позиционрование объекта относительн окна в целом. Расположение объекта указывается с верхнего левого угла при помощи значений: top, left, right и bottom;
  • fixed - фиксированное расположение объекта. Расположение объекта указывается с верхнего левого угла при помощи значений: top, left, right и bottom. При прокручивании страницы объект остается на том же месте и прокручивается вместе со страницей;
  • relative - относительное позиционирование. Расположение объекта указывается с места, где сейчас находиться объект, при этом используются свойства: top, left, right и bottom для перемещения объекта;
  • static - обычный статичный элемент (значение по-умолчанию).
  • sticky - сочетание относительного и фиксированного позиционирования объекта.


Пример свойства:
nav {
	position: fixed;
	top: 50px;
	left: 25%;
	/* Позиционирование фиксированного объекта сверху */
}