Pozycja bezwzględna w CSS w odniesieniu do elementu nadrzędnego Działając jako relatywna

Question

Podczas mojej długiej podróży, aby zaktualizować moje umiejętności CSS z przestarzałego pyłu, w którym się obrobili, bawię się z pewnymi właściwościami CSS - szczególnie z-index - Zauważam coś dziwnego lub może jest pewien warunek.

Przykład: http://jsfiddle.net/mEpgR/

dominującym elementem Div1 jest cd, zrobiłem nieruchomość pozycja Div1 jest ustawiony na absolutny, ale kiedy go przesunąć, to porusza się względem swojego rodzica. Miałem wrażenie, że przedmioty ustawione na pozycjonowanie bezwzględne są przepływami z zewnątrz i poruszają się tylko względem portu przeglądarki jako ich nadrzędne.

Czego mi brakuje?

Jeśli skrzypce link nie działa, kod:

CSS:

.cont { 
position:relative; 
height:200px; 
top:200px; 
left:100px; 
background: green; width: 200px; 
} 

.div1 { 
background:red; 
position:absolute; 
top:50px; 
} 

HTML:

<div class="cont"> 
<div class="div1">DIV1</div> 
</div> 

Answer 1

Absolutna pozycjonowany element jest umieszczony w stosunku do pierwszego elementu nadrzędnego, który ma pozycja inna niż statyczna. Ponieważ masz go w rodzicu z relative, będzie on absolutnie umieszczony względem tego rodzica.

Być może szukasz pozycji fixed, która jest względna w stosunku do okna przeglądarki.