position
Элементы позиционируются относительно своего нормального (статического) положения
Добавление атрибутов left, top, right и bottom приводит к сдвигу элемента относительно его положения в нормальном потоке (static)
Положительное значение left приводит к сдвигу элемента вправо относительно его левой границы, отрицательное — влево
Положительное значение top задаёт сдвиг элемента вниз, отрицательное — сдвиг вверх
Атрибуты bottom и right дают противоположный эффект
Если атрибут right имеет положителное значение, то элемент сдвигается влево относительно его правого края
если же атрибут right имеет отрицательное значение, то элемент сдвигается вправо
При положительном значении атрибута bottom элемент сдвигается вверх, а при отрицательном смещается вниз
При отностельном позиционировании элемента его смещение относительно исходного положения приводит к образованию "пустоты" в основном потоке (место, которое занимал элемент, не заполняется следующими за ним элементами)
Всемирная паутина
Пример
Flexbox Froggy
