如何防止绝对定位的孩子被溢出隐藏的div裁剪?



我希望能够显示divBox的所有内容,但它必须在divBtoConteudo1_2内部,因为我必须参考它的位置,以确定正确的位置。问题是顶层,它设置为overflow: hidden,并且不允许显示内容。

<div style="position: relative; display: block; width: 100vw; border-top: 1px solid #000000; overflow: hidden; margin-left: 100px;">
<div id="divBtoConteudo1_2" style="position: relative; display: block; width: 725px; height: 100px; padding-left: 43px;">
<!--Box.-->
<div id="divBox" style="position: absolute; display: block; top: 0px; left: -20px;">
Box images.
</div>
<!--Box.-->
</div>
</div>

我已经为这个解决方案做了一些研究,但找不到任何可行的方法。在一些帖子中,它甚至说这不可能做到。

有没有解决方案,即使我必须使用一些jQuery?如果我只需要对divBox进行一些更改,那就太好了,以便它正常工作。

您是否尝试将样式设置为样式="可见性:隐藏"或样式="显示:无">

尝试设置 id="divBox" 内联样式 z-index: 1000

我在项目中经常遇到这个问题

最新更新