使用 position: fixed 配合 right 和 bottom 可将按钮固定在视窗右下角，例如 .fixed-button { position: fixed; right: 20px; bottom: 20px; z-index: 1000; }，并通过调整 padding、max-width、focus 样式及媒体查询适配不同设备与可访问性需求。
在网页中让按钮始终固定在右下角，比如“返回顶部”或“联系客服”按钮，常用 position: fixed 配合 right 和 bottom 来实现。这种方式能让元素脱离文档流，相对于浏览器窗口定位，即使页面滚动也保持位置不变。
使用 fixed 定位固定按钮位置
将按钮的 CSS 设置为 position: fixed，再通过 right 和 bottom 指定距离右侧和底部的偏移量。
例如：
.fixed-button {
position: fixed;
right: 20px;
bottom: 20px;
padding: 10px 15px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
这样按钮就会始终显示在视窗右下角，距离右边和底边各 20px。
调整层级避免被遮挡
固定按钮有时会被其他内容遮盖，比如页脚或弹窗。这时需要设置 z-index 提高层级。
立即学习“前端免费学习笔记（深入）”；
建议添加：- z-index: 1000 或更高值，确保按钮可见
- 如果页面有导航栏或悬浮菜单，需根据它们的 z-index 调整
适配移动设备与可访问性
在小屏幕上，按钮不宜过大或贴得太紧边缘，避免误触。同时应考虑键盘用户。
推荐做法：- 用
max-width控制尺寸 - 添加
focus样式，支持键盘聚焦 - 必要时用媒体查询调整位置，如移动端改为 right: 10px, bottom: 10px
