我正在为 html 页面开发页脚，并希望在主要内容占用的空间小于页面高度时将页脚保持在页面级别以下。如果内容占用的空间超过页面高度，那么我希望页脚变得就像一个常规元素并展开（不再粘在页面下方）。我在下面有一个例子。
红色：页眉 蓝色：内容 绿色：页脚
当内容最少时：
由于内容（蓝色）占用的空间最小，我想将页脚保留在页面正下方，以便当用户滚动时，它开始显示。
当内容更多时：
现在蓝色占据了超过 1 页，我希望页脚与内容一起被向下推，这样它就不会重叠或弄乱内容。
现在，我的代码可以满足第一种情况，但总是直接位于页面下方。这意味着如果内容超过 1 页长度，它将与内容重叠。我是 HTML 新手，所以如果有人有建议，那就太好了！