如何在页面右下角添加固定按钮
如何在页面右下角添加固定按钮
提问于 2013-10-05 02:23:07
我在我的网页底部添加一个固定按钮时遇到了一些问题。我一直在用像素测试不同的数字，但按钮没有显示在右侧页面的下面。
HTML
<a href="#head"><img src="upbutton.png" id="fixedbutton"></a>CSS
.fixedbutton {
position: fixed;
bottom: 560px;
right: 1000px;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2013-10-05 02:25:01
Stack Overflow用户
发布于 2021-08-04 17:57:32
.bottomFixButtionComponent{
position: sticky;
bottom: 0px;
padding-top: 10px;
background: yellowgreen;
width: 100%;
height: 50px;
display: flex;
justify-content: space-around;
align-items: center;
box-shadow: 0px -4px 3px rgb(27 27 24 / 75%);
} <h1> Bottom Fix component </h1>
<div class="bottomFixButtionComponent">
<button>Clear </button>
<div>|</div>
<button>Submit </button>
</div>
Stack Overflow用户
发布于 2021-08-04 17:59:50
.bottomFixButtionComponent{
position: fixed;
bottom: 0px;
padding-top: 10px;
background: yellowgreen;
width: 100%;
height: 50px;
display: flex;
justify-content: space-around;
align-items: center;
box-shadow: 0px -4px 3px rgb(27 27 24 / 75%);
}<h1> Bottom Fix component </h1>
<div class="bottomFixButtionComponent">
<button>Clear </button>
<div>|</div>
<button>Submit </button>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19188211
复制相关文章
相似问题