Как задать координаты в CSS

В CSS можно задавать координаты позиционирования для элементов на странице с помощью свойств top, right, bottom и left. Эти свойства позволяют указывать расстояние от соответствующей границы родительского элемента до границы позиционированного элемента.

Например, если нужно переместить элемент на 50 пикселей вправо и 100 пикселей вниз от верхнего левого угла родительского элемента, можно использовать такой CSS-код:

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

В этом примере свойство position устанавливает тип позиционирования элемента на странице, а свойства top и left задают координаты от верхнего левого угла родительского элемента.

Также можно использовать свойства right и bottom, чтобы задавать координаты от правого и нижнего края родительского элемента соответственно.

Например, чтобы расположить элемент на 50 пикселей от правой границы родительского элемента и на 100 пикселей сверху от нижней границы родительского элемента, можно использовать такой CSS-код:

.element {
  position: absolute;
  top: auto;
  bottom: 100px;
  right: 50px;
}

Обратите внимание, что свойства top, right, bottom и left применяются только к элементам с позиционированием absolute, fixed или relative.