我需要在另一个 div 上显示一个 div答案

【问题标题】：I need to show a div over another div我需要在另一个 div 上显示一个 div
【发布时间】：2017-05-19 23:58:01
【问题描述】：

我有两个 div，我需要第二个 div 与第一个 div 重叠。

<div id="behind">some text here</div>
<div id="above">some text here</div>

我需要先重叠第二个 div。

【问题讨论】：

老兄！！一个简单的谷歌搜索会有所帮助！这里的人不是来做你的任务的！请在此处阅读并向我们展示您尝试过的 b4 提问
CSS: Make two floating elements overlap的可能重复
stackoverflow.com/questions/270493/…的可能重复

标签： javascript jquery html css

【解决方案1】：

您需要将 div 的 position 设置为默认值以外的任何值（即 static）。因此，将其设置为absolute、fixed 或relative，并通过调整它们的 x,y 坐标使它们相互重叠。

使用默认position，每个元素在渲染页面上占据自己的空间，并将其他元素向下推（或水平更远），因此这些元素一个接一个地出现。

将position 设置为absolute 或fixed 会使元素脱离正常流程，并且该元素现在不会占用页面上的任何地面空间。现在，它可以悬停在其他元素之上。

#container
{
  position: relative;
}

#container > div
{
  background-color: orange;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}

#container > div:nth-child(2)
{
  background-color: green;
  left: 50px;
  top: 50px;
}

<div id="container">
  <div></div>
  <div></div>
</div>

【讨论】：

@RoryMcCrossan 谢谢先生。添加了一些解释。