Html 如何使图像垂直溢出div？

我试图让图像从容器中垂直溢出，如下所示：

我曾尝试将overflow设置为hidden，并阅读了有关负边距的内容，但无论我尝试了什么，图像都会保留在div中

如何使此图像溢出其容器

---

我的网站在wordpress上，如果有必要的话。

溢出：隐藏将与您试图做的完全相反：它隐藏溢出的内容

示例中的图像使用两个单独的元素：带文本的div和一个位于另一个之上的图像

文本div需要position:relative，图像需要position:absolute。这里有一个例子；关键元素是两个div的

位置：

，以及第二个div的

顶部：

和

右侧：

：

.text{
位置：相对位置；
宽度：400px；
高度：200px；
背景色：黑色；
颜色：白色
}
.形象{
位置：绝对位置；
顶部：100px；
右：25px；
宽度：200px；
高度：150像素；
边框：2倍纯红；
背景颜色：灰色；
}

这是黑底白字的div。
这是你的形象。

您也可以在图像上使用负边距实现类似效果，例如：

.container{
宽度：600px；
高度：200px；
显示器：flex；
证明内容：之间的空间；
背景色：#000；
填充：10px；
}
p{
颜色：#fff；
}
img{
显示：块；
宽度：200px；
高度：自动；
边缘底部：-200px；
}

Lorem ipsum dolor sit amet，奉献精英。自由主义者的理性错误，维利特

Not overflow它应该是可见的，使用边距。这应该确实有效，但我的主题中肯定有一些内容超过了css，这是我复制粘贴你的代码得到的：