Question

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

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

我需要先将第二个div重叠。

Answer 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>

我需要在另一个div

1 个答案: