12

2つのdivを上下に配置する際に問題が発生します。

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

コード：

#wrapper {
  position: absolute;
}

#up {
  position: absolute;
  float: left;
}

#down {
  position: absolute;
  float: left;
  clear: left;
}
<div id="wrapper">
  <div id="up"></div>
  <div id="down"></div>
</div>

これが私の試みです、

フィドル

助けていただければ幸いです。

4

3 に答える 3

15

CSS を削除します。DIV タグはブロック要素であり、自然にページを下に流れます。それらをフローティングしているため、並べて表示されます。

特に「float」属性を削除してください。

于 2012-12-06T19:04:38.730 に答える
1

これがデフォルトでの DIV の動作です。css を削除するだけです。ここで実際の例を参照してください: jsfiddle

<div id="wrapper">
<div id="up"></div>
<div id="down"></div>
</div>​
于 2012-12-06T19:05:41.630 に答える
-1

外側の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;
}​
于 2012-12-06T19:11:50.873 に答える