Pozycjonowanie kontekstowe
Dotyczy elemntów zagnieżdżonych. Na nadrzędnym elemencie dajemy pozycjonowanie relatywne, a na podrzędnym, czyli zagnieżdżonym, pozycjonowanie absolutne.
Jak spozycjonować taką stronę? Wystarczy na elemncie nadrzędnym, czyli niebieskim bloku dać odpowiednie pozycjonowanie i ustawić blok względem strony. Natomiast przycisk zielony ma mieć pozycjonowanie względem niebieksiego elemntu i to względem niego będzą ustalane odległości. Przy scrollowaniu strony, dzięki tej metodzie, przycisk zostanie w swoim miejscu, bo dla niego głównym odnośnikiem jest blok nadrzędny
Jak spozycjonować taką stronę? Wystarczy na elemncie nadrzędnym, czyli niebieskim bloku dać odpowiednie pozycjonowanie i ustawić blok względem strony. Natomiast przycisk zielony ma mieć pozycjonowanie względem niebieksiego elemntu i to względem niego będzą ustalane odległości. Przy scrollowaniu strony, dzięki tej metodzie, przycisk zostanie w swoim miejscu, bo dla niego głównym odnośnikiem jest blok nadrzędny
Wystarczy odpowiednio spozycjonować
#niebieski
{
position
: relative
;
width
: 960px
;
}
#zielony_przycisk
{
position
: absolute
;
margin-right
: 50px
;
margin-bottom
: 50px
;
}