Html 设置图像下方的内容

无论如何，我可以把我的div内容放在图片下面。我不想给wrap类加上填充，因为没有人知道图片有多大，所以我需要一个解决方案，将文本放在图片下面，就像html结构中提到的那样

.parent{
宽度：500px；
背景色：红色；
保证金：0自动；
位置：静态；
}
.wrap{}
.孩子{
背景颜色：黄色；
位置：绝对位置；
左：0；
右：0；
高度：100px；
顶部：30px
}
div{
高度：400px；
}
身体{
背景颜色：蓝色；
}

东西

将包裹放在孩子体内

html，正文{填充：0；边距：0；}
.家长{
宽度：500px；
背景色：红色；
保证金：0自动；
位置：静态；
}
.wrap{}
.孩子{
背景颜色：黄色；
位置：绝对位置；
左：0；
右：0；
高度：100px；
顶部：30px
}
div{
高度：400px；
}
身体{
背景颜色：蓝色；
}

东西

您可以使用

Transform:Translate（）

将其移动到父级

内的下方。我自己用一个表和一个

中的输入字段来做这件事，不定位

.child

怎么样。你所说的文本是什么意思在图像下面，然后显示出来。在输出中隐藏文本div？？告诉我你的要求是什么..只需上传一些你需要的样本输出