我怎样才能让这个页脚最终做我想要的?我想听听你的建议

Question

当我对页脚css

做这样的操作时

footer {
position: fixed;
top:800px;
left:0;
width:100%;
height:80px;
}

当我从底部向上调整浏览器窗口的大小时，当然，页脚不会移动，也不会重叠我的主要内容，但是，当在不同的屏幕尺寸上查看网站时，页脚是固定的，当然在一些屏幕尺寸的底部，然后更大的尺寸，它当然不在底部，因为它是固定的。最后我想要的是这样的页脚:

footer {
position: fixed;
top:90%;
left:0;
width:100%;
height:80px;
}

创建一个页脚，无论大小如何都保持在页面底部，但它可以重叠内容。我想有一个固定的脚，将永远留在底部，但从不重叠的内容。

我可以使用媒体查询流行的大小，但当然，在某些大小，它不会工作。有人能帮我吗?

Answer 1

footer {
  position: fixed;
  bottom:0;
  left:0;
  width:100%;
  height:80px;
}

然后给你的内容一个至少80px的底部填充。你为什么要用top呢?