Question

我在页面的不同部分有一个弹出叠加的页面。每个叠加层都有一个关闭按钮，我希望它保持在顶部。

我遇到的问题是叠加层位于绝对位置（否则它们与父级相关）并且当我尝试将关闭按钮定位为固定时它会修复＆＃34;修复＆＃34 ;到整个页面，而不是在叠加层内。

家长（职位：亲属）叠加:(位置：绝对）更近的按钮:(位置：???）

我没有粘贴所有代码，因为它很长，似乎可以在没有它的情况下解决。

谢谢！

编辑：目标是即使在滚动时也能让近距离保持在顶部。对不起，我对此并不是很清楚。

Answer 1

假设您有HTML＆＃34;有点像这样＆＃34;。

<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/

可以将元素固定在绝对定位div的顶部吗？

1 个答案: