CSS溢出-y滚动条超出div答案

【问题标题】：Css overflow-y scroll bar going outside of divCSS溢出-y滚动条超出div
【发布时间】：2021-04-05 04:50:01
【问题描述】：

在下拉菜单中溢出滚动条超出列表。我该如何解决这个问题。这是我的代码

li.flyout-mega > a:hover
{
  display: block;
  overflow-y: scroll;
  max-height: 80vh;
  box-sizing: content-box;
  overflow: visible;}

【问题讨论】：

如果您真的需要滚动条，请在 Chrome 开发者工具中检查并使用它。更改一些值，看看有什么用。我相信你会找到解决办法的。或者你可以把 sn-p 代码放在这里，这样我们就可以更好地查看了。可能与链接或其他东西有关。有什么东西把它推到外面。

标签： html css css-selectors

【解决方案1】：

好的，我已经解决了这个问题，实际上滚动条背景颜色是透明的，现在我刚刚添加了背景颜色，现在可以正常工作了，谢谢。

li.flyout-mega > a:hover
 {
  display: block;
  overflow-y: scroll;
  max-height: 80vh;
  box-sizing: content-box;
  overflow: visible;
  scrollbar-color: #d1172e #fff;
  scrollbar-width: thin; 
  }

【讨论】：