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

我需要使用管理面板的模板，因此我已登录该网站：

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

我已经试了好几个小时了，但仍然不明白为什么会发生这种情况，以及怎样做才能使文本不会覆盖左侧面板

有什么帮助吗？

在#侧边栏中添加一个高z索引

#侧边栏{
宽度：180px；
身高：100%；
位置：固定；
背景#394a59；
z-index:99；将高z-index添加到#侧边栏

#侧边栏{
宽度：180px；
身高：100%；
位置：固定；
背景#394a59；
z-index:99；“文本覆盖侧栏”不确定这意味着什么，可以添加代码和JSFIDLE吗？“文本覆盖侧栏”不确定这意味着什么，你能添加代码和JSFIDLE吗？Shalom Elad，你能进一步解释吗？Shalom Shalom。查看我帖子中的链接，了解关于z-index的详细解释。z-index属性指定元素的堆栈顺序。堆栈顺序较高的元素总是位于堆栈顺序较低的元素前面。@Elad.chen I k现在这是另一个问题：但如果我也希望在向右滚动时“主页/仪表板”静止不动（这样即使用户向右滚动，也可以立即单击它）…有简单的方法吗？@elad.chen你能参考我的最后一个问题吗？Shalom elad，你能进一步解释吗？Shalom Shalom。查看我帖子中的链接，了解关于z-index的详细解释。z-index属性指定元素的堆栈顺序。堆栈顺序更高的元素总是位于堆栈顺序较低的元素前面r堆栈顺序。@elad.chen我知道这是另一个问题：但如果我也希望在向右滚动时“主页/仪表板”静止不动（这样即使用户向右滚动，也可以立即单击它）…有没有简单的方法？@elad.chen你能参考我的最后一个问题吗？
#sidebar {
  width: 180px;
  height: 100%;
  position: fixed;
  background: #394a59;
  z-index: 99; <----------------
}