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

Question

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

如何获得一个固定元素以遵守overflow设置？

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

在小提琴和上面的图片中，您会看到包含三个div的{​​{1}}，每个div都有不同的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。