Как сделать так чтобы absolute блок был абсолютным внутри родителя?

Чтобы задать позиционирование "абсолютно" для дочернего элемента внутри родительского элемента, необходимо выполнить следующие шаги:

Убедитесь, что у родительского элемента есть свойство position, отличное от значения по умолчанию (которое является static). Например, вы можете установить значение position: relative; для родительского элемента.

Затем примените свойство position: absolute; для дочернего элемента.

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

.parent {
  position: relative;
  width: 300px;
  height: 200px;
  border: 1px solid black;
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  background-color: red;
}

В данном примере parent - это родительский элемент, имеющий заданную ширину и высоту. child - это дочерний элемент, которому задано абсолютное позиционирование. Стили top: 50% и left: 50% позволяют положить верхний левый угол дочернего элемента в середине родительского элемента. Использование transform: translate(-50%, -50%); центрирует элемент точно по центру родительского элемента.

Таким образом, при использовании указанных методов вы сможете создать блок с абсолютным позиционированием внутри родителя.