Для перемещения блока в CSS можно использовать свойство position. Это свойство задает тип позиционирования элемента на веб-странице. Доступны четыре значения свойства position: static (по умолчанию), relative, absolute и fixed.
Важно помнить, что при использовании свойства position для перемещения блока, блок «выходит» из обычного потока документа, поэтому обычно вместе с ним используется свойство top, bottom, left или right, чтобы вручную задать координаты позиционирования блока.
Пример кода CSS для перемещения блока:
.mydiv {
position: absolute; /* устанавливаем тип позиционирования */
top: 50px; /* перемещаем блок на 50 пикселей сверху относительно начала координат */
left: 100px; /* перемещаем блок на 100 пикселей слева относительно начала координат */
}Здесь мы устанавливаем тип позиционирования элемента с помощью свойства position, а затем используем свойства top и left, чтобы переместить блок относительно начала координат страницы.
Кроме того, можно использовать свойство right и bottom, чтобы переместить блок от правого или нижнего края родительского элемента, соответственно.
Пример кода CSS для перемещения блока от правого верхнего угла родительского элемента на 20 пикселей:
.mydiv {
position: absolute; /* устанавливаем тип позиционирования */
top: 20px; /* перемещаем блок на 20 пикселей сверху относительно начала координат */
right: 20px; /* перемещаем блок на 20 пикселей справа относительно правого края родительского элемента */
}Обратите внимание, что значения top, right, bottom и left могут принимать как абсолютные значения (например, в пикселях), так и относительные значения (например, 10% или 2em).
