2つのdivを1つ下に配置する

Question

2つのdivを上下に配置する際に問題があります。

私は以下のようなStackoverflowで見つかったいくつかのソリューションを試しました。
しかし、何も動作していないようです。

HTML：

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

ここ

Fiddle

をいただければ幸いに役立ちます私の試みは、です。

Answer 1

CSSを削除します。 DIVタグはブロック要素であり、自然にページを流れます。あなたはそれらを浮遊させて、それらを並べて表示させるでしょう。

特に「float」属性を削除します。

Answer 2

これはDIVがデフォルトでどのように動作するかを示しています。あなたのCSSを削除してください。ここでの実施例を参照してください：jsfiddle

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

Answer 3

私はあなたが外側のdivがページの高さよりも大きくなるようにしたいかどうかわからないんだけど、それはこれが何をするかです：

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