Html 标题尾随在图像下方的figcaption绝对位置

我正在尝试使用

position absolute

和

bottom 0

将标题放置在图像的底部，但是g和y字母的尾部区域在图像边缘下方悬垂。这是预期的行为吗？我是否只需要将标题的位置调高一点

代码如下：

。文章图片，
身材{
保证金：1.5em0；
}
身材{
边距块开始：0em；
边距块结束：0em；
边距内联开始：0px；
边距内联端：0px；
位置：相对位置；
}
菲卡普顿{
位置：绝对位置；
底部：0；
宽度：100%；
背景色：rgba（255、255、255、.6）；
}
引用{
字号：0.85em；
}

我搬出去的时候，沃尔特汉斯托正变得绅士化。我的工作做完了。
-格雷森·佩里（Graysen Perry）

使图像

显示：block

，如果您不希望文本从图像右侧流出，则使图形

内联block

。文章图片，
身材{
保证金：1.5em0；
}
身材{
边距块开始：0em；
边距块结束：0em；
边距内联开始：0px；
边距内联端：0px；
位置：相对位置；
显示：内联块；
}
菲卡普顿{
位置：绝对位置；
底部：0；
宽度：100%；
背景色：rgba（255、255、255、.6）；
}
引用{
显示：块；
字号：0.85em；
}
.旁白图像{
显示：块；
}

我搬出去的时候，沃尔特汉斯托正变得绅士化。我的工作做完了。
-格雷森·佩里（Graysen Perry）

没有实际图像，这很难检测到，但我猜你需要将图像设置为

display:block

。哦……它们被称为“下降者”，而不是尾巴。☺