Html 使用位置：用浮动值固定

我正在制作一个滚动到顶部按钮，我希望它以固定的位置出现在页面的右侧（大约60%在页面下方）。如果我使用相对或绝对，它只会与页面的其余部分一起向上滚动。但是，当我使用fixed position解决此问题时，按钮显示在页面的左侧。我尝试过使用带有百分比的left，但与float不同的是，在调整宽度时，它会慢慢地从页面边缘漂走

这是我的代码（很抱歉组织混乱）：

---

是否有人看到我可以更改的内容，以便将按钮连接到页面右侧？

将您的CSS更改为以下内容

#upButton {
    font-size: 15px;
    text-align: center;
    font-family: comic;
    background-color: #FFFFFF;
    width: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    position: fixed;
    color: #000000;

    right: 10px; /* or right: 10%; */

    top: 60%;
}

只需删除

float

并添加

right

---

希望这能帮助你…

发布你的html或更好的JSFIDLE使用

右键

并放弃浮动。

#upButton {
    font-size: 15px;
    text-align: center;
    font-family: comic;
    background-color: #FFFFFF;
    width: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    position: fixed;
    color: #000000;

    right: 10px; /* or right: 10%; */

    top: 60%;
}