CSS Position

position top, left, bottom e right podem ser aplicados? é posicionado (*) "normal flow" é posicionado em relação ...
static não (*) durante o -
relative sim (*) depois do ao "normal flow"
fixed sim (*) antes do viewport
absolute sim (*) depois do elemento-pai/documento (*1)

(*1): Elementos com position: absolute são posicionados em relação ao elemento-pai que tenha position: absolute ou position: relative. Se o elemento-pai não atender nenhumas dessas condições, o elemento será posicionado em relação ao elemento html, ou seja, à própria página.

position: static;
left: 10px;
position: relative;
left: 10px;
top: 10px;
position: static;
left: 20px;
position: static;
left: 30px;
position: absolute;
top: 520px;
right: 0;
height: 120vh;
position: fixed;
bottom: 100px;
right: 0;
width: 300px;