关闭按钮重叠滚动条（位置：固定）

Question

我想在可滚动div中修正div的右侧位置。

但是固定的div只是重叠了父div的滚动条！ 如何解决？

（必须为fixed，仅css）

div {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow-y:auto
}

div a {
    position:fixed;
    right:15px;
    top:15px;
    width:30px;
    height:30px;
    background-color:red;
    border-radius:100%
}

Answer 1

您只需增加右侧像素即可移动按钮。这是更新的CSS供您参考。

＆＃13;

＆＃13;

div {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow-y:auto
}

div a {
    position:fixed;
    right:25px;
    top:15px;
    width:30px;
    height:30px;
    background-color:red;
    border-radius:100%
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果滚动条位于正文上（这是页面内容较长时的默认行为），则固定位置div不会在滚动条上重叠。

在您的情况下，滚动条很可能属于overflow: scroll;或overflow: auto;或类似的元素之一，这就是div重叠的原因。

由于我们不知道您的完整HTML / CSS是什么，我们无法分辨哪一个导致了问题或如何解决问题。