CSS大小隐藏div的错误

Question

我对每个缩略图都有一个网格缩略图和一个隐藏的覆盖div。

在每个缩略图中单击“共享”后，此隐藏叠加层将变为可见。

我遇到的问题是，在变得可见时，这个隐藏的叠加占用了整个窗口空间，而不仅仅是占用缩略图的大小。

每个缩略图的叠加层应该与网格缩略图（橙色框）的大小相同，而不是整个窗口。我已添加code example here。任何帮助提示都会很有用！

谢谢！

Answer 1

这是因为你的'.share_sheet'是绝对位置。绝对使它成为0,0到屏幕的下一个相对位置。

如果您将'#card'设置为应该修复它的相对位置。