将css元素重叠在另一个元素之上

Question

我试图将汽车图像放在第一个矩形内。请帮帮我...

.rect1 {
  display: inline-block;
  height: 560px;
  width: 400px;
  outline-style: solid;
  margin-left: 220px;
  margin-top: 35px;
}
#img1 {
  display: inline-block;
  height: 560px;
  width: 400px;
  margin-left: 220px;
  margin-top: 35px;
}

the output

Answer 1

使图像位置绝对到 .rect1 div。

从图像中移除边距，而是使用 top、left、right 或 bottom 来移动它。

试试这个：

.rect1 {
  display: inline-block;
  height: 560px;
  width: 400px;
  outline-style: solid;
  margin-left: 220px;
  margin-top: 35px;
  position: relative;
}
#img1 {
  display: inline-block;
  height: 560px;
  width: 400px;
  position: absolute;
}