如何在滚动时将div隐藏在固定div后面

Question

我创建了一个网站，其中有一个导航侧栏，左侧固定位置，右侧有内容。现在，当我缩小浏览器窗口宽度时，会引入一个水平滚动条。当我使用它来滚动内容时，内容溢出在固定的左侧边栏上方。我希望内容放在侧栏后面，这样它就不会崩溃。请访问该网站。谢谢。

Link to site

Answer 1

设置背景颜色和z-index

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

详细了解z-index

Answer 2

在css中，将#navigation的背景颜色设置为白色并为其指定更高的z-index ...

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

Answer 3

你需要使用 z-index属性

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

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

更多信息z-index

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