親オーバーフローから子をポップアップします。スクロール

Question

この問題は苦労しています。私は 'scroll'に設定されたオーバーフローを持つdiv内の垂直メニューリストを持っています（私も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

私はちょうどoverside-x：autoとoverflow-flow：autoを.sideBarクラスにコメントアウトしています。

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;*/ 
     }