由于 CSS 中的扩展宽度而覆盖文本答案

【问题标题】：Override text due to expanded width in CSS由于 CSS 中的扩展宽度而覆盖文本
【发布时间】：2015-11-17 20:41:13
【问题描述】：

我需要使用管理面板的模板，所以我登录了该站点： http://bootstraptaste.com/theme/niceadmin/index.html

我在 Google Chrome 中启动了“开发者工具”，并将容器宽度 css 属性设置为 "150%" 而不是 "100%"。容器宽度按预期扩展，但由于某种原因，当向右滚动时，所有容器文本都会覆盖侧边栏！

我已经尝试了几个小时，但仍然无法弄清楚为什么会发生这种情况，以及该怎么做才能使文本不会覆盖左侧面板。

有什么帮助吗？

【问题讨论】：

【解决方案1】：

为#sidebar添加高z-index

#sidebar {
  width: 180px;
  height: 100%;
  position: fixed;
  background: #394a59;
  z-index: 99; <----------------
}

【讨论】：

Shalom Elad，你能进一步解释一下吗？
沙洛姆沙洛姆。查看我帖子中的链接以获取有关 z-index 的详细说明。
z-index 属性指定元素的堆叠顺序。堆栈顺序较大的元素总是在堆栈顺序较低的元素之前。
@elad.chen 我知道这是另一个问题：但是如果我还希望“主页/仪表板”在我向右滚动时保持静止（这样用户即使向右滚动也可以立即单击它).. 有没有一种简单的方法可以做到这一点？
@elad.chen 可以参考我最后一个问题吗？