用溢出划分另一个div

Question

我想在长div（垂直）的左侧显示某种工具提示。 如果我将parend div css设置为overflow-y：auto;然后不显示子div。这是问题的小提琴https://jsfiddle.net/wrwvc6Lc/2/ 尝试删除overflow-y：auto;道具，一切都很好。 有没有办法这样做，因为我需要溢出道具。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13; UPD：我希望该工具提示相对于主infoBox div中的内容（3-4个带有工具提示的文本块），因此将该工具提示放在信息框之外是不行的。

< / p>

Answer 1

你在这里尝试做的事情是不可能的（如果我错了，请纠正我）。因为设置滚动条需要overflow: auto;。但溢出还有另一个属性，div中overflow: auto;的每个元素都不能超出此元素，并且会从此元素中删除。

您的概念只有在您不使用overflow: auto;的情况下才有效，并且不幸的是您无法使用滚动条。