Html 如何在另一个溢出部分的顶部放置第二个图像？

我有一个

部分

，里面有一个反应灵敏的

绝对

居中图像：

部分{
位置：相对位置；
背景：url（images/personation\uuuuu shape.png）顶部中间不重复；
背景尺寸：封面；
身高：100%；
顶部：-190px；
}
章节>img{
位置：绝对位置；
左：0；
右：0；
保证金：自动；
最大高度：85%；
宽度：自动；
}

---

您可以使用

转换

：

section > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-100%, -50%);
}

这是你的电话号码

---

希望它能解决！任何问题请告诉我。

您可以使用

转换

：

section > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-100%, -50%);
}

这是你的电话号码

---

希望它能解决！让我知道任何问题。

使用

flexbox

和

对齐项目：居中

垂直对齐，+

定位

和

calc（）

可以实现您想要的

*，
*：：之前，
*：：之后{
框大小：边框框
}
身体，
html{
身高：100%；
保证金：0
}
部分{
位置：相对位置；
背景：url（“//dummyimage.com/500x500&text=bg”）顶部中间不重复；
背景尺寸：封面；
身高：100%；
边框：1px纯红；
宽度：90%；
保证金：自动；
显示器：flex；
对齐项目：居中
}
.小{
位置：绝对位置；
左：0；
右：0；
底部：0；
排名：0；
保证金：自动；
最大高度：85%；
宽度：自动；
}
.宽{
位置：相对位置；
左：钙（-50vw+50%）；
宽度：50%；
边框：1px绿色实心
}

---

使用

flexbox

和

对齐项目：居中

垂直对齐，+

定位

和

calc（）

可以实现您想要的

*，
*：：之前，
*：：之后{
框大小：边框框
}
身体，
html{
身高：100%；
保证金：0
}
部分{
位置：相对位置；
背景：url（“//dummyimage.com/500x500&text=bg”）顶部中间不重复；
背景尺寸：封面；
身高：100%；
边框：1px纯红；
宽度：90%；
保证金：自动；
显示器：flex；
对齐项目：居中
}
.小{
位置：绝对位置；
左：0；
右：0；
底部：0；
排名：0；
保证金：自动；
最大高度：85%；
宽度：自动；
}
.宽{
位置：相对位置；
左：钙（-50vw+50%）；
宽度：50%；
边框：1px绿色实心
}

是您正在引用的第二个宽响应图像是

部分>img

？不，它是一个新图像。那么

部分>img

是什么？是A图像，而新图像是“B”吗？section>img是A图像。您正在引用的第二个宽响应图像是

section>img

？不是，它是新图像。那么什么是

section>img

？它是A图像，而新图像是“B”？截面>img是A图像。