İki tane diğerinin altına yerleştirme

Question

İki divanın diğerinin altına yerleştirilmesiyle ilgili bazı problemler yaşıyorum.

Aşağıdaki gibi Stackoverflow'ta bulunan bazı çözümleri denedim.
Ama hiçbir şey çalışmıyor gibi görünüyor.

HTML:

<div id="wrapper"> 
<div id="up"></div> 
<div id="down"></div> 
</div> 

CSS:

Fiddle

mutluluk duyacağız yardımcı olur

#wrapper{position: absolute;} 
#up{position: absolute; float:left;} 
#down{position: absolute; float:left; clear:left;} 

İşte benim girişimi var.

Answer 1

CSS'yi çıkarın. DIV etiketleri blok elemanlardır ve doğal olarak sayfayı akar. Onları yüzerek onları yan yana göstermelerine sebep olacaksınız.

Özellikle "float" niteliklerini kaldırın.

Answer 2

Bu şekilde DIV'ler varsayılan olarak çalışır, sadece css'nizi kaldırın. Burada bir çalışma örneğe bakın: jsfiddle

<div id="wrapper"> 
<div id="up"></div> 
<div id="down"></div> 
</div>​ 

Answer 3

Sana dış div sayfanın yüksekliğinden daha büyük olmasını istiyorsanız emin değilim, ama bu yaptığı da budur:

#DivSlider 
{ 
    width:100%; 
    position:absolute; 
    height:170%; 
    background-color:green; 
} 

#DivHome 
{ 
    height:26%; 
    background-color:orange; 
    border:1px solid black; /* You were missing the 'px' here */ 
} 

#DivSkills 
{ 
    height:25%; 
    background-color:white; 
    border:1px solid black; 
}​