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

前端之家收集整理的这篇文章主要介绍了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; 
}

这是JoshCjsFiddle礼节.

猜你在找的HTML相关文章