Закрыть   X

  •    
  •    
Печать

position

Автор: Алексей Елизаров.

CSS свойство position

Поддержка браузеров

Описание

Свойство position определяет метод позиционирования элементов (статический, относительный, абсолютный или фиксированный) при размещении на странице. Оно позволяет управлять тем, где и как браузер отобразит определенные элементы.

Значение по умолчанию: static
Наследуется: нет
Версия: CSS2
Синтаксис JavaScript: object.style.position="absolute"


Значения свойства

Значение Описание
static Элемент отображается именно в том порядке, где он определен. Применение свойств top, left, right или bottom не даст никаких результатов.
absolute Элемент позиционируется относительно его родительского элемента (родительский элемент должен иметь относительное (relative),абсолютное (absolute) или фиксированное (fixed) позиционирование) или относительно окна браузера и удаляется из общего потока элементов, не влияя на остальные дочерние элементы своего родителя (может закрывать собой другие элементы на странице). Положение элемента можно изменять с помощью одного или более свойств top, left, right и bottom.
fixed Элемент позиционируется и фиксируется относительно окна браузера с помощью свойств top, left, right, bottom, т.е. при прокрутки страницы фиксированный элемент будет оставаться на своем месте.
relative Элемента позиционируется относительно его текущей позиции, оставаясь в общем потоке элементов, при применении свойств top, left, right или bottom, элемент будет смещаться относительно своего основного положения, оставляя на своей первоначальной позиции пустое пространство.
inherit Указывает, что значение наследуется от родительского элемента.

div#myDIV
{
width:100px;
height:100px;
background:red;
left:10px;
top:100px;
position:absolute;
}


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки