html - 可以将元素固定到绝对定位的 div 内的顶部吗？

Question

我有一个页面，在页面的不同部分有弹出式覆盖。每个叠加层都有一个关闭按钮，我想将其保留在顶部。

我遇到的问题是叠加层是绝对定位的(否则它们不是相对于它们的父级)并且当我尝试将关闭按钮定位为固定时它“固定”到整个页面，而不是从内部叠加层。

parent (position:relative) 叠加:(position:absolute) 关闭按钮:(位置:？？？)

我没有粘贴所有代码，因为它很长而且看起来没有它也可以解决。

谢谢!

编辑:目标是即使在滚动时也能更靠近顶部。抱歉，我不是很清楚。

Answer 1

假设您有“有点像这样”的 HTML。

<div class="A">
    <div class="B">
        <div class="C">X</div>
    </div>
</div>

您可以在最里面的 div 上使用 position: absolute。

.A {
    position: relative;
    top: 20px;
    border: 1px solid blue;
}

.B {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100px;
    height: 100px;
    background-color: Aqua;
}

.C {
    position: absolute;
    top: 0;
    right: 0;
}

看到它在这里运行:http://jsfiddle.net/9Lb5U/