css - 固定包装器中的绝对定位 div

Question

我重现了我的问题的确切上下文：在CodePen和jsFiddle上。

它似乎按我的预期工作，但是当我将相同的样式应用于几乎相同的 DOM 时（还有一些其他元素，但这些元素没有定位并且不应该影响最终结果）我遇到了以下问题：

在火狐中

萤火虫

如你看到的。红色框以某种方式位于顶部 div 下方，即使该 div 定位为静态。我错过了什么？谢谢！

编辑：我正在尝试获得 CodePen 或 jsFiddle 中显示的效果。但是在我的浏览器中，绝对框不会越过固定的 div。当用萤火虫检查时（显示蓝色悬停方块的第二张图片），绝对框就在那里。

score 1 · Accepted Answer

这是你要找的，还是我误解了你的问题？

但是，据我所知 - 整个代码有点混乱。你有一个 30px 的容器，但盒子是 200x200？另外：如果您希望容器和盒子位于顶部，为什么要将它们固定在底部？很难理解你在做什么。你可能需要更好地描述你真正想要的东西。

或者也许这就是你的想法？

其实，我有点失落。当您详细说明时，我会尝试重写我的答案。:)

1 回答 1