Как поведет себя элемент, если задать ему параметры Position: Absolute, Top: 5px?

Элемент с `position: absolute; top: 5px` выпадает из потока и встаёт на 5px ниже верхнего края ближайшего позиционированного предка (или начального контейнера, если такого нет).

.card { position: relative; }
.card__badge {
  position: absolute;
  top: 5px;
}

Что происходит

• Элемент не занимает места в потоке — соседи ведут себя так, будто его нет.
• Точка отсчёта — ближайший предок с position не static (relative, absolute, fixed, sticky) или с transform.
• Если не задать left/right, по горизонтали он останется там, где был бы в потоке.
• Ширина становится «по содержимому», а не на весь родитель.

Частая ошибка

Забыли position: relative у родителя — элемент позиционируется относительно страницы и «улетает».

Коротко для собеседования

Элемент выходит из потока и ставится в 5px от верхнего края ближайшего позиционированного предка; без такого предка — относительно начального контейнера.

Подробнее: MDN — position