【问题标题】:absolute positioned div inside of relative positioned div?相对定位的div内的绝对定位的div?
【发布时间】:2010-09-27 09:27:31
【问题描述】:

大多数人都知道

在父级设置为 position: relative
的 div 上使用绝对定位 将导致绝对定位的 div 相对于父 div 而不是 body。

我的问题是,有没有办法消除这种影响?

I.E 父 div 需要设置为相对位置,以便它位于布局中,但是 absolute div 需要相对于主体,而不是父 div。

我怎样才能做到这一点?

【问题讨论】:

标签: css html


【解决方案1】:

不,你不能跳出包含块,除非使用 position: fixed 设置相对于视口的位置(因此它会随着页面滚动)。

您需要将绝对 div 移出相对父级,或者找到另一种方法来解决导致您使用 position: relative 的任何布局问题。 (如果是 IE 中的 hasLayout 问题,请尝试其他典型的 hack,例如 zoom: 1 或仅限 IE 的 height: 1%。)

【讨论】:

    【解决方案2】:
    • 从内部元素中删除绝对值
    • 将绝对值移到相对定位的 div 之外
    • 使用javascript计算偏移量并使用负偏移量,这是hacky,不推荐。也不可靠。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-07-29
      • 2014-11-09
      • 1970-01-01
      • 2018-12-05
      • 2015-07-28
      • 1970-01-01
      • 2014-01-16
      相关资源
      最近更新 更多