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

【问题标题】：How to make a div hidden behind a fixed div while scrolling滚动时如何使div隐藏在固定div后面
【发布时间】：2012-12-20 21:12:08
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

设置背景颜色和z-index

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

阅读更多关于z-index

【讨论】：

【解决方案3】：

你需要使用 z-index 属性

z-index 属性指定元素的堆栈顺序。堆栈顺序较大的元素总是在堆栈顺序较低的元素之前。

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

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

【讨论】：