我的页脚停留在页面的底部，但是当我过滤项目并且页面长度减小到100vh以下时，它最终会停留在最后一个内容的底部。我怎样才能解决这个问题？到目前为止，我找不到任何解决方案。
.footer {
width: 100vw;
background: black;
height: 4vh;
display: flex;
color: white;
align-items: center;
padding: 2rem;
width: 100%;
}
html, body {
height: 100%;
}