从父亲溢出孩子溢出：滚动

Question

我正在努力解决这个问题。我有一个垂直的菜单列表，里面的溢出设置为'滚动'（我也尝试过自动）。如果将鼠标悬停在菜单项上（溢出设置为滚动）设置，菜单值不会显示。这是它如何显示的图像。

这是上述情况的代码。 Not Working

这是导致很多麻烦的代码的CSS部分：

  .sidebar{ 
        position: absolute; 
        top: 0px; 
        right:0px; 
        text-align: center; 
        font-family: 'Roboto','sans-serif'; 
        line-height: 30px; 
        padding-left: 10px; 
        z-index: 10; 
        float:right; 
        margin-right:20px; 
        height: 100px; 
        //overflow:scroll; //This is the code to be changed 
      } 

      .sidebar ul{ 
       z-index:25; 
      } 

      .insideul{ 
       overflow: scroll; 
      } 

      #mainist li{ 
       z-index:50; 
      } 

这里是工作的形象。

这是工作代码，如果我删除溢出。 working

有人可以帮我解决上述错误。 谢谢。

Answer 1

我只是注释掉了.sideBar类中的overflow-x：auto和overflow-flow：auto，它工作正常。

https://jsfiddle.net/3z8mq4k3/1/

.sidebar{ 
       position: absolute; 
       top: 0px; 
       right:0px; 
       text-align: center; 
       font-family: 'Roboto','sans-serif'; 
       line-height: 30px; 
       padding-left: 10px; 
       z-index: 10; 
       float:right; 
       margin-right:20px; 
       height: 700px; 
       /*overflow-x: auto; 
       overflow-y: auto;*/ 
     }