Как изменить позицию в CSS

Чтобы изменить позицию элемента в CSS, можно использовать свойство position. Вот несколько примеров:

1. Абсолютное позиционирование:

.element {
  position: absolute;
  top: 50px;
  left: 100px;
}

Это позиционирует элемент на 50 пикселей от верхнего края и 100 пикселей от левого края родительского элемента.

2. Относительное позиционирование:

.element {
  position: relative;
  top: 20px;
  left: 30px;
}

Это позиционирует элемент на 20 пикселей вниз и 30 пикселей вправо от его исходной позиции.

3. Фиксированное позиционирование:

.element {
  position: fixed;
  top: 0;
  left: 0;
}

Это позиционирует элемент в левом верхнем углу экрана и зафиксирует его на месте при прокрутке страницы.

4. Статическое позиционирование:

.element {
  position: static;
}

Это оставляет элемент в его исходной позиции в документе.