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

标签 html css

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

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

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

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

最佳答案

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

关于html - 绝对定位未按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18013772/

相关文章:

html - 为什么 Adob​​e XD 中的 100 像素小于网站(Safari、Google Chrome 等)中的 100 像素?

javascript - 范围对象

css - Firefox 中的页面渲染问题

javascript - 我可以使用 Yahoo Compressor 将压缩文件发送到浏览器吗?

html - 星级评定系统 : Works on only one instance

HTML5 应用缓存 : how to implement offline mode if server isn't accessible but network is accessible

html - 与 html 主体样式结合的视口(viewport)

jquery - 在 HTML 中,单击时将 unicode 字符 ☰ 替换为 X

html - 出现下拉菜单时div向右移动

javascript - 添加类名来操作节点不起作用