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