Разница между position: static и position: relative в CSS заключается в том, как позиционируется элемент на странице:

1. position: static — значение по умолчанию для всех элементов. 1 Элемент позиционируется в соответствии с его местом в потоке документа и отображается на странице в соответствии с порядком элемента в документе. 1
2. position: relative — элемент позиционируется относительно своего исходного положения в потоке документа. 1 При использовании этого значения можно задать дополнительные параметры, такие как top, bottom, left и right, которые указывают на смещение элемента относительно его стандартного местоположения. 1

Таким образом, position: static означает, что элемент отображается как обычно (в потоке), а position: relative — что элемент позиционируется относительно своего текущего положения, при этом его текущее положение можно сместить с помощью определённых CSS-свойств. 3