По умолчанию все элементы, у которых не указан стиль позиционирования имеют
position:static;
Указывая у элемента относительное позиционирование по сути ничего не меняет - элемент занимает по прежнему то же место, но может быть сдвинут. Выглядит это так, что на месте сдвинутого элемента остаётся пустое место.
position:relative;top:20px;left:-40px;Установка абсолютного позиционирования не значит что элемент будет располагаться в относительно рабочей области браузера. Если на parent-элементе стоит relative position, то на дочернем элементе с absolute position местонахождение будет определяться относительно parent-элемента.
relative parent
absolute child1
absolute child2
Комментарии