即使有滚动条，也让 div 始终停留在页面内容的底部

小编典典

all

请看那个链接，我想要相反的：当内容溢出到滚动条时，我希望我的页脚总是在页面的底部，就像 Stack Overflow 一样。

我有一个 divid="footer"和这个 CSS：

#footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

但它所做的只是转到视口的底部，即使向下滚动也会停留在那里，因此它不再位于底部。

图片：

抱歉，如果没有澄清，我不希望它被修复，只是让它位于所有内容的实际底部。

阅读 78

2022-04-21

共1个答案

小编典典

这正是position: fixed设计的目的：

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

这是小提琴：http: //jsfiddle.net/uw8f9/

2022-04-21