Объекты в CSS можно располагать с помощью свойства position и его значения: static, relative, absolute, fixed и sticky.
- Static — это значение по умолчанию. Объекты располагаются в порядке их появления в HTML-коде и не могут быть перемещены.
- Relative — объекты располагаются относительно своего исходного местоположения. Можно использовать свойства top, bottom, left и right, чтобы переместить объект вверх, вниз, влево или вправо относительно его исходного местоположения.
- Absolute — объекты располагаются относительно ближайшего родительского элемента, который имеет значение position, отличное от static. Можно использовать свойства top, bottom, left и right, чтобы переместить объект вверх, вниз, влево или вправо относительно его родительского элемента.
- Fixed — объекты располагаются относительно окна браузера и остаются на месте, даже если страница прокручивается. Можно использовать свойства top, bottom, left и right, чтобы переместить объект вверх, вниз, влево или вправо относительно окна браузера.
- Sticky — объекты располагаются относительно ближайшего родительского элемента, который имеет значение position, отличное от static, до тех пор, пока объект не достигнет определенной точки на странице, после чего он остается на месте, как при значении fixed. Можно использовать свойства top, bottom, left и right, чтобы задать точку, после которой объект останавливается.
