CSS Pozisyonu Göreceli Olarak Hareket Eden Ana Öğeye Saygıyla Mutlak

Question

CSS becerilerimi dönüştükleri kullanımdan kaldırılan tozdan güncelleştirmek için yaptığım uzun yolculuğumda, belirli CSS özellikleriyle (özellikle z-endeksi) oynuyorum. Garip bir şey farkettim ya da belki de belli bir durum var.

Örnek: http://jsfiddle.net/mEpgR/

eleman div1 ebeveyni ben div1 konumu özelliği mutlak olarak ayarlanmış yaptık, yine de onu vardiya zaman, kendi üst göre hareket ediyor, devam olduğunu. Mutlak konumlandırmaya ayarlanan öğelerin, normalde normal akış olduğunu ve yalnızca ebeveynleri olarak tarayıcı bağlantı noktasına göre hareket ettiklerini hissettim.

Neyi eksik?

keman bağlantı kodu çalışmazsa:

CSS:

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

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

HTML: has birinci ana öğeye

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

Answer 1

Mutlak konumlandırılmış eleman konumlandırılmış göreli Statik olmayan bir konum. relative ile bir ebeveynin içinde var olduğundan, bu ebeveyne göre kesinlikle konumlandırılacaktır.

Tarayıcı penceresine göre fixed konumunu arıyor olabilirsiniz.