Javascript 如何防止水平滚动条显示在浮动div上？

我创建了一个左侧菜单，在鼠标进入时展开。这是可行的，但我有一个小问题：有没有办法/如何阻止水平滚动条显示在左面板底部

---

在leftpanel中，将溢出设置为隐藏而不是自动

访问

简短回答：

改变

overflow: auto;

到

发件人：

自动： […]桌面浏览器在内容溢出时提供滚动条

隐藏的： 如有必要，内容将被剪裁以适合填充框。没有提供滚动条

---

在左面板样式中需要使用溢出：隐藏。在你使用汽车之前

这意味着，您的文本很长，因此它会自动添加到底部的滚动条中。使用下面的代码

#leftpanel {
    left: 0;
    width: 100px;
    overflow: hidden;
    height: 100%;
    background: gray;
    border: 2px solid black;
    position: fixed;
    z-index:100;
  }

溢出：隐藏应该这样做。

overflow: auto;

overflow: hidden;

#leftpanel {
    left: 0;
    width: 100px;
    overflow: hidden;
    height: 100%;
    background: gray;
    border: 2px solid black;
    position: fixed;
    z-index:100;
  }