css - 使固定元素服从溢出：隐藏

Question

其实不敢相信我不能解决这个问题！

如何让固定元素服从overflow设置？

我做了一个小提琴 - http://jsfiddle.net/REk4C/7/

在 fiddle 和上图中，您会看到 adiv包含三个divs，每个都有不同的position设置。relative元素服从溢出。现在我希望并且可以接受该absolute元素爆发，但我需要固定元素服从overflow这可能吗？

如果需要，很高兴使用 jQuery。

Answer 1

固定和绝对定位元素从正常的文档流中取出，这意味着原始父容器的边框不再对元素产生影响。

Answer 2

要修复绝对定位的 div，请在容器中创建一个新的位置上下文：

#wrap {height:100px; width:100px; border:20px solid red; overflow:hidden;position:relative;}

固定位置的 div 完全脱离了流程（并且可能在容器框之外），因此这是不可能的。为了演示，让小提琴窗口非常小，垂直滚动窗口，观察固定的 div 在容器外移动。