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

时间:2017-07-07 15:43:50

标签: jquery html css absolute

我希望能够显示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进行一些更改,那就太好了。为了让它起作用。

2 个答案:

答案 0 :(得分:0)

您尝试将样式设置为style =“visibility:hidden”或style =“display:none”

答案 1 :(得分:0)

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

我在项目中遇到了很多这个问题