html - 将两个 div 一个放在另一个下面

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 标签是 block 元素，自然会顺着页面向下流动。您正在 float 它们，这会导致它们并排显示。

特别是删除“float”属性。