В чем разница между absolute и relative значениями при выравнивании элементов?

Разница между absolute и relative значениями при выравнивании элементов заключается в том, как происходит позиционирование элемента на странице: 12

1. Relative. 12 Элемент позиционируется относительно своего стандартного местоположения на странице. 1 При использовании этого значения можно задать дополнительные параметры, которые указывают на смещение элемента относительно его стандартного местоположения. 1
2. Absolute. 12 Элемент задаёт точное местоположение на странице, независимо от других элементов на странице. 1 Позиционирование выполняется относительно ближайшего родительского элемента, который имеет позиционирование, отличное от static. 1 Если родительского элемента нет, позиционирование осуществляется непосредственно по отношению к элементу HTML (самой странице). 2

Таким образом, относительное позиционирование позволяет настроить положение дочернего элемента относительно себя, а абсолютное позиционирование — относительно первого нестатического родителя. 4