Основные варианты позиционирования:
static
relative
absolute
fixed
sticky
Они определяются свойством position
.
static
(значение по умолчанию):
Элемент находится в нормальном потоке документа, игнорируя свойства top
, right
, bottom
, left
, z-index
.
relative
:
Элемент позиционируется относительно своего обычного положения в нормальном потоке. Свойства top
, right
, bottom
, left
сдвигают его, но занимаемое им место в потоке не меняется. Может служить позиционирующим контекстом для абсолютно позиционированных потомков.
absolute
:
Элемент полностью удаляется из нормального потока документа. Он позиционируется относительно своего ближайшего позиционированного предка (не static
). Если таких предков нет, позиционируется относительно начального блока (обычно <html>
). Положение задается с помощью top
, right
, bottom
, left
.
css
fixed
:
Элеме
Основные варианты позиционирования:
static
relative
absolute
fixed
sticky
Они определяются свойством position
.
static
(значение по умолчанию):
Элемент находится в нормальном потоке документа, игнорируя свойства top
, right
, bottom
, left
, z-index
.
relative
:
Элемент позиционируется относительно своего обычного положения в нормальном потоке. Свойства top
, right
, bottom
, left
сдвигают его, но занимаемое им место в потоке не меняется. Может служить позиционирующим контекстом для абсолютно позиционированных потомков.
absolute
:
Элемент полностью удаляется из нормального потока документа. Он позиционируется относительно своего ближайшего позиционированного предка (не static
). Если таких предков нет, позиционируется относительно начального блока (обычно <html>
). Положение задается с помощью top
, right
, bottom
, left
.
css
fixed
:
Элеме
Зарегистрируйтесь или войдите, чтобы получить доступ к полным ответам на все вопросы из банка вопросов.