想要重叠2个div，所以即使缩放窗口，它们也不会移动

Question

我想重叠两个div。一个div浮动在右侧，这是另一div的CSS代码。我希望图片中提到的div与第一个div重叠。

#name {
    display: none;
    position: relative;
    padding-top: 12px;
    padding-left: 20px;
    width: 340px;
    height: 85px;
    background: #F0EDE5;
    color: rgb(0, 0, 0);
    border-radius: 20px;
    border-color: rgb(0, 0, 0);
}

当前，此div浮动在左侧，我尝试了float：right，display：absolute，z-index：2，但没有任何作用

Answer 1

那应该很容易。以下代码显示了重叠DIV的基本概念。要解决您的问题，请显示代码（包括父代码）。

HTML

<div class="wrapper">
  <div class="box1"></div>
  <div class="box2"></div>
</div>

CSS

.wrapper {
  position: relative;
  width: 300px;
  height: 300px;
}

.box1, .box2 {
  position: absolute;
  width: 200px;
  height: 200px;
}

.box1 {
  z-index: 1;
  background-color: red;
}

.box2 {
  z-index: 2;
  background-color: green;
  bottom: 0;
  right: 0;
}

结果