Question

我有一个具有此css样式的页脚

position: absolute;
bottom:0;
left:0;
right:0;
width:100%;
background-color:#000000;
color:#ffffff;
text-align:center;

但如果我在一个小窗口中打开浏览器（所以没有看到页面的所有内容）页脚在底部，当我向下滚动页脚仍然固定在页面中间！我怎么解决？

Answer 1

是您的父容器（页脚的父级）设置为position：relative。尝试将body设置为position：relative或footer to position：fixed和body to padding-bottom：footer的高度（因此它不会覆盖内容）。

希望有所帮助

Answer 2

我认为您必须使用position: fixed;来获得所需的输出。

absolute位置使您的页脚在窗口的当前高度的底部，相对于父级（此处父项为body）加载时。（因此，当您滚动时不会跟随滚动到底部）

位置：固定的元素相对于视口是固定的。即使文档滚动，它也会保持原样。