CSS footer 中的一种常见要求就是让 footer 始终保持在页面的底部。这很容易实现，只需要使用一些简单的 CSS 即可。

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

上面的代码中，我们将 footer 的 position 属性设置为 fixed，这样 footer 就会保持在页面的底部。我们还设置了 bottom 为 0，表示将 footer 放置在浏览器窗口的底部。同时，我们设置了 footer 的 width 为 100%，这样 footer 就会占满整个屏幕宽度。

我们还对 footer 应用了一些样式，例如背景颜色、文字颜色、文本居中、内边距等等。这些样式可以根据实际情况进行更改。

需要注意的是，当 footer 中的内容很长时，会将其他内容顶出屏幕，造成用户体验不佳。因此，我们需要考虑在合适的时候添加滚动条。

html, body {
    height: 100%;
    overflow: hidden;
}
main {
    height: calc(100% - 50px);
    overflow-y: auto;
    padding-bottom: 50px;
}

上面的代码中，我们将 html 和 body 的高度都设置为 100%，这样就可以让 main 的高度占满整个屏幕。

然后，我们将 main 的高度设置为 calc(100% - 50px)，这样就可以让 main 的高度减去 footer 的高度。同时，我们为 main 添加了 overflow-y 属性，这样当 main 中的内容超过屏幕高度时，就会出现垂直滚动条。我们还为 main 添加了一个 padding-bottom，用于给 footer 留出空间。

综上所述，通过使用 CSS，我们可以轻松实现 footer 的底部固定效果，并在必要时添加滚动条，提升用户体验。