В чём разница между position: static и position: relative в CSS?

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

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

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