Question

我有一个元素（<button id="foo">FAQ</button>）。我有这个按钮的CSS：

#foo {
    position: absolute;
    bottom: 0px;/* I tried using other units */
    left: 0px;/* same thing here*/
}

问题是元素最终会出现在屏幕的底部（而不是像我正在尝试的浏览器窗口），当你向下滚动时，它就会停留在那里。我正在使用谷歌浏览器版本53.0.x.我在Microsoft Edge中尝试过，问题仍然存在。该按钮没有父项（除了正文）。任何帮助将不胜感激！

修改

截图：

我想在向下滚动到底部时显示按钮，绝对定位不会这样做。我可以看到我的问题没有得到很好的理解，所以我想做一些可能有助于使我的问题更容易理解的区别：

屏幕：窗口的可见部分（取决于滚动）浏览器窗口：整个网页（独立于滚动）

Answer 1

不是position: absolute;而是position: fixed;。

Check this out了解可能的选项以及它们之间的差异：

绝对元素相对于其第一个定位（非静态）祖先元素定位

已修复元素相对于浏览器窗口定位

Answer 2

滚动时，您是否尝试将其粘贴到浏览器窗口的底部？如果是，请给它一个固定的位置（position: fixed;而不是position: absolute;）。如果您想让它出现在页面上某些元素的上方或下方，请查看设置元素＆＃39; z-index