Что произойдёт с соседними элементами при применении relative и absolute к одному из них?

1. relative:

• Элемент сдвигается, но исходное место остается занятым.

• Пример:

  <div style="position: relative; top: 20px;">Сдвинут</div>
  <div>Сосед остался на своем месте</div>

2. absolute:

• Элемент "вырывается" из потока.

• Пример:

  <div style="position: absolute; top: 0;">Абсолютный</div>
  <div>Сосед поднялся на его место</div>

Вывод:
relative сохраняет поток, absolute — ломает его.