将CSS绝对定位内部div到页面顶部，忽略父元素的相对定位。

Question

有没有一种方法可以将内部 div 的绝对位置固定在页面顶部，忽略父元素的相对位置？

- Gidon

Answer 1

不行，除非你将其重新放置在DOM中。

(如果您希望它与窗口相关而不是文档相关，则可以使用position：fixed作为替代方案)

- Gabriele Petrioli

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;
}

应该可以了。这里有一个例子供你参考。

- Kyle

---

已更新，包括相对定位。 - Kyle

有没有一种方法可以完全忽略父级？ - Gidon

只有将文档中的子元素从父元素中取出才能实现。http://jsfiddle.net/Kyle_Sevenoaks/eWj8Z/4/ - Kyle