html - 在可滚动的 div 中显示截断的 div

Question

在此jsfiddle我有一个包含一些文本的 div 和另一个 div。容器是可滚动的。

内部 div 被截断了，我需要随时完整地显示它(即不应该被截断或隐藏)。我不能在内部 div 中使用 position:absolute。这可以实现吗？

<div style="background-color:orange;height:100px;overflow-y:scroll">
    <p>
       some text in the div
    </p>
    <p>
       more text in the div
   </p>
   <div style="z-index:29999;background-color:yellow;width:80px">
        I need to show this text, shouldn't be truncated
   </div>
</div>

Answer 1

<div style="background-color:orange;height:100px;overflow:auto">
<p>
some text in the div
</p>
<p>
more text in the div
</p>
<div style="z-index:29999;background-color:yellow;"> -->remove width from here`enter code here`
  I need to show this text, shouldn't be truncated
</div>
</div>