[N.....N]

#webdev
Kompletnie nie rozumiem czemu ten zaznaczony różowy div jest w tym miejscu zamiast zacząć się od początku sekcji? Ktoś wyjaśni? Reszte rozumiem, ale tego kwadraciku nie moge rozgryźć. tutaj kod https://pastebin.com/NfMBFuiE

[xcccx]

@NickciN: gdyby dla .s3 wyłączyć position:relative to by wyszło ze znajduje się dokładnie nad tym różowym. Przesuwasz go optycznie, ale miejsce zajmuje takie jak z wyłączonym position: relative.

[N.....N]

@xcccx: nadal nie rozumiem. Zakomentowałem .s3 i teoretycznie powinno się ustawić jak ten zaznaczony kwadrat? Przecież oba kwadraty przejmują właściwości po rodzicu, nie zmieniam nic w klasie tu i tu. Nadal nie wiem czemu ten .s5 nie rysuje się od górnego lewego rogu :/

[N.....N]

@xcccx: mógłbyś jakoś łopatologicznie mi wytłumaczyć to? Próbuje to zrozumieć ale nie czaje :/ czemu on rysuje się dopiero po 200px a nie od początku sekcji jak ten drugi różowy jak zakomentuje klase

[N.....N]

@xcccx: w sumie walnąłem się, ten 3 już też kumam. Ogólnie podsumowując nie czaje tylko 5 kwadratu, czemu rysuje od połowy.

[xcccx]

@NickciN: https://dl.dropboxusercontent.com/s/6r3vzb8quanyzah/iLrdrH4gYQ.mp4 Ten 3 kwadrat dalej zajmuje oryginalne miejsce mimo przesunięcia - taka jest specyfika position: relative

[N.....N]

@xcccx: czyli on się ułożył blokowo (wsunął się pod kwadratem .s3) ponieważ nad nim nadal jest kwadrat, ale jest jego cień a ta pomarańcz została przesunięta tylko wizualnie? DObrze rozumiem?

[xcccx]

@NickciN:

pomarańcz została przesunięta tylko wizualnie

tak

[N.....N]

@xcccx: dziekuje bardzo za pomoc, rozkminialem to jakieś 30minut.. :/