html - 相对定位元素的 Z-index？

Question

我有一个元素，我试图用这个把它放在另一个元素之上:

<div id="foo1"></div>
<div id="foo2"></div>

还有这个 CSS:

#foo1 {
  width: 600px;
  height: 300px;
  margin: 0;
}
#foo2 {
  width: 600px;
  height: 300px;
  margin-top: -300px;
}

但现在 #foo2 位于 #foo1 之下。我该如何解决这个问题？

Answer 1

使它们成为绝对的而不是相对的就可以了。