Html 重叠的css元素在另一个之上

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

.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;
}

---

将图像位置绝对设置为

.rect1

div

从图像中删除边距，而是使用

顶部

、

左侧

、

右侧

或

底部

移动边距

试试这个：

.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;
}

---

那起作用了，伙计。。。tq@user14714966如果有效，请将答案标记为正确。