Position relative in css

Question

Why I cann't move div with position relative with right and bottom?I can only do it with left and top.
https://code.sololearn.com/W4mBqh2ZzkUl/?ref=app

Answer 1

It work but your box is moved out of screen. Make box smaller and you will see it is not right size.
When box is relative it will apply position from its default flow.(in your code it is left/top) so if you set position right and bottom it will move box from bottom of box not body/window.
Absolute work diferent, it make object position by using window size https://stackoverflow.com/questions/16290943/css-relative-right-or-bottom-almost-never-work

Answer 2

https://code.sololearn.com/WivEOMy5hFcC/?ref=app