Umieszczanie dwóch elementów div jeden pod drugim

Mam pewne problemy z umieszczeniem dwóch elementów div jeden pod drugim.

Wypróbowałem niektóre rozwiązania znalezione w Stackoverflow jak poniżej.
Ale nic nie działa.

HTML:Umieszczanie dwóch elementów div jeden pod drugim

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

CSS:

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

Oto moja próba,

Fiddle

Pomaga będą mile widziane.

Źródło

2012-12-06 Rajaprabhu Aravindasamy

można powiedzieć nas, co próbujesz osiągnąć? – Shmiddty

Obawiam się, że nie mam pojęcia, o co ci chodzi z góry. Jaki jest twój cel końcowy? – tw16

Muszę umieścić dwa divy jeden pod innym –

Usuń CSS. Znaczniki DIV są elementami blokowymi i naturalnie spływają po stronie. Unosisz je, co spowoduje, że będą wyświetlane obok siebie.

Szczególnie usuń atrybuty "float".

Źródło

2012-12-06 19:04:38

To. Ponadto, 'absolute' również to wkręca, ponieważ domyślnie znajdzie się w położeniu" 0,0 ", niezależnie od tego, czy istnieje już element. – Shauna

Tak właśnie działa DIV, po prostu usuń swoje css. Zobacz przykład pracuje tu: jsfiddle

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

Źródło

2012-12-06 19:05:41 Magicmarkker

cue inline jest złe mkay? – Shmiddty

@Shmiddty Jest tam tylko po to, aby zobaczyć przykład na jsfiddle mkay? – Magicmarkker

-1

Nie jestem pewien, czy chcesz zewnętrzna div być większa niż wysokość strony, ale to co to robi:

#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; 
}

Źródło

2012-12-06 19:11:50 Shmiddty

Umieszczanie dwóch elementów div jeden pod drugim

Odpowiedz

Powiązane problemy