Html 定位文本，使其显示在图像中

我是一个新的编码，我一直在努力寻找解决方案，但我还没有找到任何东西到目前为止。我的问题是文本显示在div之外

我只有在不使用边界半径的情况下才能将文本放在里面，但我想保留它

代码如下：

div.polarioid{
文本对齐：居中；
填充：50px 50px；
}
生产部img{
边界半径：35%；
盒影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
文本对齐：居中；
填充：0px 0px 70px 0；
}

名字1

显然他在div里面，但大部分时间他都被图像占据了

您可以尝试通过如上所述的方式解决此问题，或者如果您希望以最手动的方式解决此问题，您可以使用

边距顶部

将其向上移动，如：

名称1

---

您可以使用

position:absolute

将底部div从正常HTML流中取出，并将其放置在前面的元素之上

position:absolute

允许您从第一个父div的顶部/左侧定位div，该div不是默认值（

position:static

）--通常，我们使用

position:relative

，如下例所示。如果没有相对/固定/绝对定位的父div（即它们仍然处于默认值

位置：static

），则绝对元素将从主体元素定位

与

position:absolute

一起，您还可以使用css

z-index

将一个元素升高或降低到其他元素的上方/下方。因此，例如，如果您有几个div被定位为绝对，您可以使用z-index来决定哪个元素位于哪个元素的上方

div.polarioid{
位置：相对位置；
文本对齐：居中；
填充：50px 50px；
边框：1px纯红；
}
.prod-img{
边界半径：35%；
盒影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
文本对齐：居中；
填充：0px 0px 70px 0；
}
#昂托普{
位置：绝对位置；
顶部：120px；
左：370px；
}

名字1

您能提供另一个您试图实现的目标的图像吗？另外，您的代码的JSFIDE可能会有所帮助。谢谢！这是最简单的解决方案！