如何在不使用CSS中的flex的情况下让页脚停留在页面底部（而不是屏幕）

Question

如果不使用 Flex，我无法让页脚停留在页面底部，而 Flex 会导致页面内容出现问题，所以我需要不同的解决方案

您可以在这里看到我的CSS：https://github.com/Lncvrt/website/blob/main/app/styles.css

我也很抱歉，但我知道这是一个愚蠢的问题，我只是不了解 tailwind/css 足以自己修复它

我尝试使用flex（这会导致我的页面上出现奇怪的错误）和其他一些东西来解决它，但它们要么是页面上的固定高度（例如设置为底部，但当页面上有更多内容时实际上无法调整，如果这有道理的话）

Answer 1

我建议使用 2 个 div，一个用于内容，一个用于页脚。对于内容 div，为其指定属性

min-height: 100%, box-sizing: border-box, padding-bottom: [footer height]

，以便它占据页面的整个高度 - 页脚高度

然后，对于页脚，将其

position: absolute, bottom: 0

放在单独的 div 上，设置像素高度与内容的底部填充相同。

希望这有帮助：D