Question

我在将两个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>

这是我的尝试，

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

将两个div放在另一个下面

3 个答案: