Пока что ничего не произошло, но мы ещё и не перемещали элемент. Чтобы эффект перемещения был более наглядным, блок .block-relative обёрнут в блок .block-shadow, который служит «тенью» элемента.

Блок-тень имеет те же размеры, что и блок внутри него. Это позволит нам отследить, как изменяется поведение относительно спозиционированного элемента в потоке.

Свойство top позволяет сместить относительно спозиционированный элемент вверх или вниз относительно его исходного положения. Значение этого свойства обычно задается в пикселях, но можно использовать и другие единицы измерения CSS.