position

Divu dajte vysku 100px a sirku 120px.
Aside dajte sirku 80vw, farbu pozadia svetlozelenu.
Kazdemu divu dajte inu triedu. Nazvy prvy druhy treti.
Vyrobte tieto triedy a dajte im kazdemu inu farbu pozadia.
Urobte to, aby sa divy od seba vzdialili o 20px.
Do triedy prvy dajte position relative, top 10px, left 20px.
Do triedy druhy dajte position fixed, bottom 10px, right 0px. Co sa stalo? Odpovedaj dole.
Do triedy treti dajte position absolute, bottom 0px, right 200px. Co sa stalo? Odpovedaj dole.
Odcovi = aside daj position relative. Co sa stalo? Odpovedaj dole.
Aside dajte position: sticky a top:50px. Skrolujte stranku hore. Co sa stalo s aside? Co robi sticky?

POSITION:relative

Co spravila position relative s prvym divom?

Ktore klucove slova sa daju pouzit pri relative? top left top left right bottom

Ostava div pri relative v normal toku stranky? (ak ostava divy 2 a 3 sa nepohli)? ANO NIE

POSITION:fixed

Co spravila position fixed s druhym divom?

Skroluje sa div pri position fixed? ANO NIE

Voci comu funguju slova top left right bottom pri fixed? STRANKE = BODY OTCOVI = ASIDE

POSITION:absolute

Co spravila position absolute s druhym divom?

Ostava div pri absolute v normal toku stranky? (ak ostava divy 2 a 3 sa nepohli)? ANO NIE

Skroluje sa div pri position absolute? ANO NIE

Ktore klucove slova sa daju pouzit pri absolute a fixed? top left top left right bottom

absolute voci otcovi

Voci comu sa posunul druhy div, ak sme jeho otcovi dali position relative? STRANKE = BODY OTCOVI = ASIDE

POSITION:sticky

Ako co sa da pouzit sticky pri stranke?