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;
}
