javascript - 滚动时如何使div隐藏在固定div后面

Question

我制作了一个网站，其中有一个导航侧边栏，其位置固定在左侧，内容在右侧。现在，当我缩小浏览器窗口宽度时，会引入一个水平滚动条。当我使用它来滚动内容时，内容溢出在固定的左侧边栏上方。我希望内容位于侧栏后面，以免其折叠。请访问该网站。谢谢你。

链接到网站

Answer 1

在css中，将背景颜色设置为#navigation白色并赋予它更高的z-index ...

#navigation {
    background-color: white;
    z-index: 100;
}

Answer 2

设置背景颜色和 z-index

.navigation {
    z-index:100;
    background-color: white;
}

阅读有关z-index的更多信息

Answer 3

你需要哟使用z-index 属性

z-index 属性指定元素的堆叠顺序。具有较大堆栈顺序的元素始终位于具有较低堆栈顺序的元素之前。

注意： z-index 仅适用于定位元素（位置：绝对、位置：相对或位置：固定）。

更多在z-index

#navigation {
    background-color: white;
    z-index: 100;
}