定位一个嵌套的DIV相对于页面而不是第一个被定位的祖先

-1

是否有任何方法来定位嵌套的DIV（或任何其他嵌套的HTML元素）相对于页面（所以0,0会把它放在页面的左上角页），当它有一个定位的祖先，而不使用JavaScript。定位一个嵌套的DIV相对于页面而不是第一个被定位的祖先

使用position:fixed将不起作用，因为这将相对于视口进行定位，因此如果页面滚动，它将不会移动。

使用position:absolute将无法正常工作，因为我问的是具有定位祖先的嵌套DIV。这会导致位置相对于定位的祖先。

来源

2016-04-21 sam

只有当外部元素左/顶部位置已知/固定。 – LGSon

@LGSon不仅这样，而且每个父母的上/左都需要修复你的想法...... – Miro

@sam - 总之，没有。张贴一些代码或做小提琴 – Miro

不，不能没有脚本来完成...

...除非外部元素的左/顶部位置是已知的/在这个例子中

.nr1, 
 
.nr2 { 
 
    position: absolute; 
 
    width: 300px; 
 
    height: 100px; 
 
} 
 

 
.nr1 { 
 
    left: 50px; 
 
    top: 50px; 
 
    background: red; 
 
} 
 
.nr2 { 
 
    left: 0; 
 
    top: 0; 
 
    background: blue; 
 
    margin: -50px 0 0 -50px; 
 
}

<div class="nr1"> 
 
    <div class="nr2"> 
 
    </div> 
 
</div>

固定的，像

来源

2016-04-21 19:28:55 LGSon

定位一个嵌套的DIV相对于页面而不是第一个被定位的祖先

回答

相关问题