html - 使用 CSS (Wordpress) 删除页脚下方的空白

Question

我刚刚修改了我的网站，我在细节方面遇到了一些麻烦(请记住，我对网络开发几乎一无所知，即使我在软件领域；我正在努力学习).

也就是说，我注意到在我的一些较小的页面(例如，我的“关于”页面)上，页脚下方有一个横跨屏幕的白色条。我宁愿让页脚动态地扩展到屏幕底部。我该怎么做，我可以编写一些自定义 CSS 吗？

这是我的网站: http://frankpernice.com/resume/

Answer 1

多亏了 flexbox，粘性页脚(包括那些没有固定高度的页脚——因为几乎所有响应式的东西都不能有固定高度)变得非常简单(取决于页面的标记)。幸运的是，您的标记非常适合它:

html,body { height:100%; }
body { display: flex; flex-direction: column; }
body>section { flex: 1 0 auto; }