其实不敢相信我不能解决这个问题!
如何让固定元素服从overflow
设置?
我做了一个小提琴 - http://jsfiddle.net/REk4C/7/
在 fiddle 和上图中,您会看到 adiv
包含三个div
s,每个都有不同的position
设置。relative
元素服从溢出。现在我希望并且可以接受该absolute
元素爆发,但我需要固定元素服从overflow
这可能吗?
如果需要,很高兴使用 jQuery。
其实不敢相信我不能解决这个问题!
如何让固定元素服从overflow
设置?
我做了一个小提琴 - http://jsfiddle.net/REk4C/7/
在 fiddle 和上图中,您会看到 adiv
包含三个div
s,每个都有不同的position
设置。relative
元素服从溢出。现在我希望并且可以接受该absolute
元素爆发,但我需要固定元素服从overflow
这可能吗?
如果需要,很高兴使用 jQuery。
固定和绝对定位元素从正常的文档流中取出,这意味着原始父容器的边框不再对元素产生影响。
要修复绝对定位的 div,请在容器中创建一个新的位置上下文:
#wrap {height:100px; width:100px; border:20px solid red; overflow:hidden;position:relative;}
固定位置的 div 完全脱离了流程(并且可能在容器框之外),因此这是不可能的。为了演示,让小提琴窗口非常小,垂直滚动窗口,观察固定的 div 在容器外移动。