css - 绝对定位的 div 低于另一个 div

Question

当我单击表格中的图像时，会出现一个弹出窗口。但是当我单击最后一行中的一个图像时，它会被它下面的 div 截断。

我不能发布相关的CSS，因为太多了，但我可以发布页面。

关联

单击“壁纸 - 单击缩略图查看详细信息”下方的最后一张图片（在印花面料部分开始之前）。

实际上，如果您单击“印花面料”下的最后一张图片，也会发生同样的事情。

我怎样才能让它出现在顶部？

Answer 1

它overflow: hidden在导致问题的容器上。你可以做的是改变这个（global.css 1423）：

.wallpaper_collection {
  overflow: hidden;
}

像这样：

.wallpaper_collection:after {
  content: "";
  display: table;
  clear: both;
}

您必须对其他容器执行相同的操作。例如（第 1428 行）

.printed_fabrics_collection {
  overflow: hidden;
}

您可以将它们组合成一个规则，如下所示：

.wallpaper_collection:after, .printed_fabrics_collection:after {
  content: "";
  display: table;
  clear: both;
}