オーバーフローした別のdivのDiv

Question

長いdiv（垂直）の左側に何らかのツールチップを表示したいと思います。 parend div cssをoverflow-y：autoに設定した場合、子divは表示されません。ここに問題の真実がありますhttps://jsfiddle.net/wrwvc6Lc/2/ overflow-y：autoを削除しようとしています。小道具はすべて上品です。 私はオーバーフロー小道具が必要なので、そうする方法はありますか？

#infoBox { 
 
    z-index: 1200; 
 
    width:160px; 
 
    height:90%; 
 
    position: absolute; 
 
    top: 10px; 
 
    right: 10px; 
 
     
 
\t background-color:white; 
 
    overflow-y:auto; /* REMOVE THIS */ 
 
    border:1px solid red 
 
    }

<div id="infoBox"> 
 
Lorem Ipsum is simply dummy text. 
 
Lorem Ipsum is simply dummy text. 
 
<div style="position:absolute; border:1px solid green; left:-90px; height:50px;width:100px;background-color:red"> 
 
Tooltip 
 
</div> 
 
</div>

UPD：私はそうインフォボックスの外にそのツールチップを配置することはOKではない、というツールチップがメインインフォボックスのDIV（ツールチップで3-4テキストブロック）内のコンテンツに対する相対になりたいです。

Answer 1

あなたがここでやろうとしている事は（私が間違っているなら、私を修正）はできません。スクロールバーを設定するにはoverflow: auto;が必要です。しかしオーバーフローには、overflow: auto;というdiv内のすべての要素がこの要素の外に出ることができず、意図されているこの要素から切り離されるという別の特性もあります。

あなたのコンセプトは、overflow: auto;で作業していない場合にのみ機能し、残念なことにスクロールバーを使用することはできません。