В чём разница между относительным и фиксированным позиционированием элементов в CSS?

Разница между относительным и фиксированным позиционированием элементов в CSS заключается в следующем:

1. Относительное позиционирование. puzzleweb.ru basicweb.ru Элементы с относительным позиционированием, как и статические элементы, остаются в общем потоке. puzzleweb.ru При применении свойств top, left, right или bottom к относительно позиционированным элементам, они будут смещаться относительно своего местоположения, оставляя пустое пространство там, где элемент располагался изначально. puzzleweb.ru Такие элементы не влияют на расположение окружающих их элементов, остальные элементы остаются на своих местах и могут быть перекрыты относительно позиционированным элементом. puzzleweb.ru
2. Фиксированное позиционирование. puzzleweb.ru basicweb.ru Элементы с фиксированным позиционированием располагаются на странице относительно окна браузера. puzzleweb.ru Такие элементы удаляются из общего потока, элементы, следующие в потоке за фиксированным элементом, будут игнорировать его, смещаясь и занимая его место на веб-странице. puzzleweb.ru При прокрутке страницы элемент остаётся на одном месте, то есть, грубо говоря, он прокручивается вместе со страницей (элемент зафиксирован). basicweb.ru