使固定元素服從溢出：隱藏

Question

其實不能相信我解決不了這個！

我怎樣才能得到一個固定的元素服從overflow設置？

我已經做了小提琴 - http://jsfiddle.net/REk4C/7/

在小提琴和上面的圖片，你會看到一個div包含三個div S，各自有不同的position設置。 relative元素服從溢出。現在我期望並且可以接受absolute元素爆發，但是我需要固定元素來服從overflow這是可能的嗎？

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

Answer 1

要解決的絕對定位的div，在容器中創建一個新的位置上下文：

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

固定定位的div變爲完全脫離的流程的（和潛在的容器外箱），所以它是不可能。爲了演示，使小提琴窗口非常小，並垂直滾動窗口，並觀察在容器外移動的固定div。

Answer 2

固定和絕對定位元素從正常文檔流中取出，這意味着原始父容器的邊界對元素不再有影響。