绝对定位不按预期工作

Question

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

通常当父母相对定位时，孩子的位置绝对是完美的。不是在这种情况下:(（无论我尝试过什么，我都无法让它发挥作用。

抱歉，我们不得不删除代码，因为图片已不再可用。

迈克尔斯解决方案有效。

Answer 1

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