html - 绝对定位不按预期工作

Question

我正在尝试实现一个网格状的图像布局，其相应的标题相对于该图像绝对定位。

通常，当父级相对定位时，子级绝对位置可以完美地工作。不是在这种情况下:((无论我尝试了什么，我都无法让它工作。

抱歉不得不删除代码，因为图像不再可用。

迈克尔斯的解决方案奏效了。

Answer 1

您.hero div的有效高度为 0。给这个元素一个高度，您的绝对定位将按预期工作。