我怎樣才能讓這個頁腳終於做我想要的東西？也許需要一些建議

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的底部填充。無論如何，你爲什麼使用頂部？