非粘性页脚CSS帮助？

Question

我希望我的页脚贴在页面底部，所以我使用了

position: absolute;
bottom: 0px;

将它带到底部，但是当你重新调整窗口大小并且它很小时，页脚会与页面上的其他内容重叠。

如何将其保留在底部，如果页面太小，则不要显示页脚（不要让它与其他内容重叠）

Answer 1

您可以查看一些“粘性页脚css”技术，例如：

http://www.cssstickyfooter.com/

由于

Answer 2

您所描述的是Sticky Footer。除了使用javascript之外，这是一件非常复杂的事情，并且在很多情况下是特定于实现的（仅在它构建的网站上工作：P）。我链接的网站有一种方式可能适用于您，也可能不适合您。当我想这样做时，它对我不起作用，但这完全取决于具体情况。

Answer 3

要在浏览器较小时让页脚缩小或以其他方式采取不同的行为，您需要通过加载和调整大小事件（至少）触发的javascript来检查主页的高度，以及在特定的情况下size会修改页脚的属性。

我无法用任何方式单独使用CSS。