【问题标题】:How to prevent absolutely positioned child to being cropped by overflow hidden div?如何防止绝对定位的孩子被溢出隐藏的div裁剪?
【发布时间】:2017-07-08 04:15:33
【问题描述】:

我希望能够显示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 进行一些更改以使其正常工作,那就太好了。

【问题讨论】:

  • 为什么需要overflow:hidden?我问这个是为了更好地理解问题
  • 请提供demo,你的问题不是很清楚
  • 它是一个更大结构的一部分,需要它有这个参数......真实案例代码有点长,我认为它不会让它更容易.. .but 就在这里:memoriaweb.com.br.solidcp.temp-address.com/pt/… 它在 A memória web 下 -> 设备

标签: jquery html css absolute


【解决方案1】:

您是否尝试将样式设置为 style="visibility:hidden" 或 style="display:none"

【讨论】:

    【解决方案2】:

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

    我在项目中经常遇到这种情况

    【讨论】:

    • 没用...
      盒子图像。 teste
    猜你喜欢
    • 2011-01-15
    • 1970-01-01
    • 2012-02-16
    • 2012-07-25
    • 1970-01-01
    • 2018-04-16
    • 1970-01-01
    • 1970-01-01
    • 2012-12-21
    相关资源
    最近更新 更多