В чём разница между относительным, фиксированным, абсолютным и статически позиционированным элементом?
static - значение по умолчанию. Свойства top, right, bottom, left и z-index не применяются.
relative - элемент выстраивается относительно самому себе без изменения разметки.
absolute - элемент выдёргивается из потока и выстраивается относительно ближайшего элемента-предка с position: relative. Если его нет, то относительно body. Абсолютно спозиционированные элементы могут иметь margin и padding и не схлопываются с margin и padding других элементов. Никак не влияют на другие элементы.
fixed - элемент выдёргивается из потока и остаётся на позиции относительно окна документа и не меняет положение при скроле.
sticky - смесь relative и fixed. Элемент ведёт себя как относительно спозиционированный, пока не достигнет заданной позиции, после которой ведёт себя как fixed элемент.