css - 为什么位置 :absolute my footer is fixed in the middle of the page when I scroll it?

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 设置为 position:fixed 并将 body 设置为 padding-bottom: 页脚的高度(这样它就不会覆盖内容)。

希望对你有帮助