我试图达到与粘性页脚相同的效果，但我有一个问题没有出现在此处提出的任何教程或问题中：我的页脚高度也是动态的。
我的页脚中有一些新闻项目，因此页脚的高度会根据这些新闻项目的长度而变化。显然，当内容的高度小于浏览器的视口时，我希望页脚绝对位于页面底部，并且当其高度高于实际视口时相对于内容。
目前我在 jQuery 中成功实现了这一点，但我想要一个纯 CSS 方法（如果有的话），因为有些用户在他们的浏览器中禁用了 JavaScript。
非常感谢！
编辑：
我的代码很常见：我的标签中有a <header>、 an <aside>、 a<section>和 a 。在 jQuery 中，我几乎将这些元素的高度总和（不包括页脚）与浏览器视口进行比较。如果值更大，我在页脚添加一个，否则我添加一个。<footer><body>position:relativeposition:absolute; bottom:0