Css 如何使一个div超越上一个div？

通常，一个div显示在前一个div之后（比如它的右边、下面或任何地方，具体取决于上下文和设置给它们的样式）。我需要一个div来显示（在Z顺序方面）上一个div，就像它不在那里一样。我应该为背景和前景div设置什么样的样式，以使它们具有这样的行为？

您需要在

div

元素上使用绝对定位

给定以下HTML

<div class="container">
    <div class="first-div"></div>
    <div class="second-div"></div>
</div>

---

这是一个例子。我将第二个div在两个方向上偏移了5个像素，以显示它们是分层的。

您可以使用以下HTML结构：

<div class="outer">
  <!-- Content of outer div here -->
  <div class="inner">
    <!-- Content of inner div here -->
  </div>
</div>

---

只是一个

位置：绝对添加到所需元素的
css
中即可
 好的，这很有效，谢谢。但理想情况下，我希望第二个div与容器的右侧对齐，就我所知，绝对位置意味着相反。对不起，误解了你的意思。什么意思对齐到容器的右侧？使用
right:0
代替
left:0
<div class="outer">
  <!-- Content of outer div here -->
  <div class="inner">
    <!-- Content of inner div here -->
  </div>
</div>

.outer {
  position: relative;
}

.inner {
  position: absolute;
  /**
   * change this and other CSS properties like left, right
   * to position the inner div relative to the outer div
   */
  top: 0px;
}