溢出：隐藏在以下位置：固定div

Question

我在不同的z层上有两个div。左侧的sidebar div（红色），右侧的main div。两者都嵌入了2个div。

（红色背景）sidebar div在页面的50％处按预期停止。但是，我无法隐藏此div的溢出[SHOULD NOT BE SEEN. BUT IS VISIBLE.]。因此，它覆盖了main div的第二个内部div [BLOCK RIGHT]。

这是在两边带有白色背景的困境。

http://jsfiddle.net/brazim/v6rk1b4q/39/

此布局的动机：使用Javascript，用户可以通过拖动右手来显示sidebar或main的全部内容sidebar div的左侧或右侧。

我可以处理javascript，只是缺少正确的溢出。

感谢JsFiddle中的任何提示。

Answer 1

具有position: fixed的元素与其父容器无关，但与视口无关，因此不受overflow设置的影响。您应该为此使用绝对定位，或者，如果需要对其进行修复（考虑到侧边栏，它已经被其父级修复了），请使用诸如display: none

的替代解决方案

参考：https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning#Fixed_positioning