В каких случаях уместно использовать position: abolute и relative?

position: absolute использовать тогда, когда есть необходимость наложить элемент на другой элемент.
В вашем случае(исходя из примера) то лучше всего не прибегать к этому, имхо.

Мне кажется тут вопрос не про позиционирование, а про то как использовать.

По умолчанию, position: absolute расчитывается от левого верхнего угла тега body. Т.е. left, top, bottom и right отсчитываются от body. Чтобы сменить точку отсчета родительскому элементу нужно дать position: relative, тогда координаты дочернего элемента с position: absolute будут отсчитывать это родительского, а не от body.

<div class="parent" style="position: relative">
  <div class="child" stlye="position: absolute"></div>
</div>

Надеюсь принцип понятен.

Можно обойтись без него. Скиньте свою верстку сюда https://jsfiddle.net/, я подскажу.

Когда с ним проще, чем без него.
В вашем примере это, пожалуй, будет избыточным.