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

Question

我已经建立了一个网站，其中的导航侧栏固定在左侧，而内容在右侧。 现在，当我缩小浏览器窗口的宽度时，会引入一个水平滚动条。 当我使用它滚动内容时，内容溢出在固定的左侧边栏上方。 我希望内容在边栏后面，以使其不会折叠。 请访问该站点。 谢谢。

Answer 1

设置背景颜色和z索引

.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仅适用于定位的元素（position：absolute，position：relative或position：fixed）。

z-index的更多内容

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