我怎样才能让这个页脚终于做我想要的东西？也许需要一些建议

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的底部填充。无论如何，你为什么使用顶部？