Позиционирование в css в чем разница между абсолютным и относительным позиционированием в css ?

relative позиционируется от того места, де элемент был бы при static, а absolute — от ближайшего родителя, отличного от static, в противном случае — от левого верхнего угла.

Попробую немного иначе рассказать.
absolute позиционируется от последнего родительского (или прародительского) position, а relative просто сдвигает относительно себя.
Частый прием - в блоке, относительно которого надо позиционировать, указывают position:relative, и уже в каком то дочернем (или внучатом) блоке указывают position:absolute
Примеры:
Надо нанести стикер на картинку. картинку заворачиваем в блок, в блоке картинка и стикер, блоку relative а стикеру absolute и позиционируем внутри блока
.block{position:relative}
.sticker:{position:absolute; top:0; right:0}

пример 2:
position:relative
left:-30px
отодвинет элемент влево на 30 пикселей

Абсолютное позиционирование нужно для позиционирования элемента относительно начала координат (верхнего левого угла контейнера с позиционированием, отличным от статического, либо верхнего левого угла всего HTML-документа).
Относительное позиционирование задет просто смещение относительно текущего положения элемента.