定位一個嵌套的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相對於頁面而不是第一個被定位的祖先

回答

相關問題