static - Положение по умолчанию. Элемент позиционируется согласно стандартному потоку документа. Свойства top, right, bottom, left не влияют.relative - Элемент позиционируется относительно его нормального положения в потоке. Свойства top, right, bottom, left сдвигают элемент от его исходной позиции, но занимаемое им место в потоке сохраняется.absolute - Элемент полностью удаляется из нормального потока документа. Его положение определяется свойствами top, right, bottom, left относительно ближайшего позиционированного предка (с position: relative, absolute, fixed или sticky). Если таких предков нет, позиция определяется относительно начального блока <html>.fixed - Элемент полностью удаляется из нормального потока документа. Его положение определяется свойствами top, right, bottom, left относительно окна просмотра (viewport). Элемент остается на месте при прокрутке страницы.sticky - Элемент позиционируется как relative до тех пор, пока при прокрутке он не достигнет заданной позиции (определяемой top, right, bottom, left), после чего его позиция становится fixed.Таблица различий:
| Свойство | static | relative | absolute | fixed | sticky |
|---|---|---|---|---|---|
| Поток документа | Обычный | Сохраняет | Удаляется | Удаляется |
static - Положение по умолчанию. Элемент позиционируется согласно стандартному потоку документа. Свойства top, right, bottom, left не влияют.relative - Элемент позиционируется относительно его нормального положения в потоке. Свойства top, right, bottom, left сдвигают элемент от его исходной позиции, но занимаемое им место в потоке сохраняется.absolute - Элемент полностью удаляется из нормального потока документа. Его положение определяется свойствами top, right, bottom, left относительно ближайшего позиционированного предка (с position: relative, absolute, fixed или sticky). Если таких предков нет, позиция определяется относительно начального блока <html>.fixed - Элемент полностью удаляется из нормального потока документа. Его положение определяется свойствами top, right, bottom, left относительно окна просмотра (viewport). Элемент остается на месте при прокрутке страницы.sticky - Элемент позиционируется как relative до тех пор, пока при прокрутке он не достигнет заданной позиции (определяемой top, right, bottom, left), после чего его позиция становится fixed.Таблица различий:
| Свойство | static | relative | absolute | fixed | sticky |
|---|---|---|---|---|---|
| Поток документа | Обычный | Сохраняет | Удаляется | Удаляется |
Register or sign in to get access to full answers for all questions from the question bank.