从父溢出中弹出子项：滚动

Question

我正在努力解决这个问题。我有一个垂直菜单列表，它位于div中，溢出设置为'scroll'（我也试过auto）。如果我将鼠标悬停在菜单中设置了（溢出设置为滚动）的项目上，则不会显示菜单值。这是图像的显示方式。

以下是上述情况的代码。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;*/
        }