css絕對位置內部div的頁面頂部忽略父母的相對位置

Question

有沒有辦法將內部div的絕對位置忽略父母的相對位置？

Answer 1

不能，除非您在DOM中重新找到它。

（使用position:fixed如果你希望它是相關的，而不是相關文檔窗口可能是一種替代）

Answer 2

您可以使用position: absolute;負值：

HTML：

<div id="parent"> 
     <div id="child"> 
      The child's content 
     </div> 
</div> 

CSS：

#parent 
{ 
    position: relative; 
    top: 200px; 
    border: 1px dashed #f00; 
    height: 50px; 
    width: 200px; 
} 

#child 
{ 
    position: absolute; 
    top: -200px; 
} 

這應該這樣做。 Example for you here。