用户滚动页面后保持 div 的位置答案

【问题标题】：Keep div in position after user scrolls page用户滚动页面后保持 div 的位置
【发布时间】：2011-10-18 14:25:01
【问题描述】：

#div1 {
    background: #ffffff;
    padding: 6px;
    color:#333; 
    font:normal 10px Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    text-transform: uppercase;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

此 div 保持距离页面右下角 20x20 像素的位置。但是我的网站包含“无尽页面”分页功能，当滚动条出现在浏览器窗口上时，因为内容增加，div 不会保持其在右下角的位置，而是向上移动页面。即使用户滚动或出现滚动条，如何让这个 div 留在右下角？谢谢

【问题讨论】：

标签： css html scroll positioning

【解决方案1】：

position: fixed;

应该这样做

【讨论】：

【解决方案2】：

我遇到了与角落 div 标注类似的问题。在水平滚动上，标注保持不变，而其他一切都在移动。确保容器 div 具有以下属性：

position: relative;

在我的情况下有所帮助，以及与您类似的代码。

【讨论】：