pozisyonu kullandığımda: mutlak çocuk bloğunda ebeveyn bloğa başvurmuyor mu?

Question

HTML'de, şu konumu kullanırsanız: child block mutlak css özelliği mutlak değer ebeveyn etiketinden alınmaz, tüm tarayıcı penceresinden bakın. örnek kod

CSS .. aşağıda gösterilmiştir

.parent { 
    width: 400px; 
    height: 400px; 
    border: 1px solid green; 
} 

.child { 
    position: absolute; 
    width: 200px; 
    height: 200px; 
    border: 1px solid red; 
    bottom: 0px; 
} 

Answer 1

sadece ebeveyn CSS

Answer 2

ebeveyn blok ihtiyaçlarını position:relative eklemek ebeveyn bloğunda çocuğa düzenlemek isterseniz bir statik olmayan değere position setine sahip olmak, yani: position: absolute, position: fixed veya position: relative.

Gereksinim duyduğunuz mizanpaj uygulamasına bağlıdır.

Answer 3

.parent { 
    width: 400px; 
    height: 400px; 
    border: 1px solid green; 
    position:relative;/*this makes all my children s position relative to me */ 
} 

.child { 
    position: absolute;/* i have an absolute position and i am relative to my parent*/ 
    width: 200px; 
    height: 200px; 
    border: 1px solid red; 
    bottom: 0px; 
} 

Demo: http://jsfiddle.net/pGvvq/

işaretleme:

<section class=parent> 
    this makes all my children s position relative to me 
    <article class=child> 
     i have an absolute position and i am relative to my parent 
    </article> 
</section> 

zaten cevabı biliyorum eğer http://css-tricks.com/absolute-positioning-inside-relative-positioning/