html – 如何在页面右下方添加固定按钮

在我的网页底部添加一个固定的按钮,我有些麻烦.用像素测试出不同的数字,但按钮没有显示在右侧的页面下方.

HTML

<a href="#head"><img src="upbutton.png" id="fixedbutton"></a>

CSS

.fixedbutton {
    position: fixed;
    bottom: 560px;
    right: 1000px; 
}

解决方法

您在CSS(一个类)中指定.fixedbutton,并指定元素本身的id.

将CSS更改为以下内容,这将选择id固定按钮

#fixedbutton {
    position: fixed;
    bottom: 0px;
    right: 0px; 
}

这是JoshC的jsFiddle礼节.