当我将页脚定位到页面底部时，它会位于页面中间

Question

当我将页脚定位到页面底部时，它会位于页面中间

当将元素设置为绝对位置并且底部属性等于零时，它将显示在整个页面的中间而不是底部。这是因为我的页面大于一个屏幕吗，如果是这样，我该如何解决这个问题？

#footer{
height: 24.72vh;
background-color: aqua;
overflow: visible;
position: absolute;
bottom: 0;

}

Answer 1

页脚元素的父元素必须具有height:100%;和position:relative;

页脚应该是最后一个元素。

或

位置：固定，而不是位置：绝对

一些参考链接：

https://www.freecodecamp.org/news/how-to-keep-your-footer-where-it-belongs-59c6aa05c59c/

https://codepen.io/cbracco/pen/zekgx

CSS，使 HTML 页面页脚以最小高度保留在页面底部，但不与页面重叠