Основное отличие static и relative позиционирования элементов заключается в том, как они определяют положение элемента на веб-странице. 15
Static (статичное позиционирование) — значение по умолчанию для свойства position в CSS. 35 При таком позиционировании элемент отображается в соответствии с его местом в потоке документа, то есть в том порядке, в котором он следует в HTML-коде. 35 Свойства left, top, right и bottom не влияют на статично позиционированный элемент, так как его местонахождение определяется потоком документа. 3
Relative (относительное позиционирование) — элемент позиционируется относительно его исходного положения в потоке документа. 5 При таком позиционировании текущее положение элемента можно сместить с помощью определённых CSS-свойств, к которым относятся left, top, right и bottom. 3 Как правило, основная цель относительного позиционирования заключается не в том, чтобы переместить элемент, а в том, чтобы установить новую точку привязки для абсолютного позиционирования вложенных в него элементов. 2