html - 我怎样才能让这个页脚最终做我想做的事？希望得到一些建议

Question

当我为页脚 css 做这样的事情时

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

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

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

这会创建一个页脚，无论调整大小如何，它都会保留在页面底部，但它可以与内容重叠。我想要一个固定的页脚，它总是留在底部，但从不重叠内容。

我可以对流行尺寸使用媒体查询，但当然在某些尺寸下它不会奏效。谁能帮我吗？

score 3 · Accepted Answer

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

然后为您的内容提供至少 80 像素的底部填充。你为什么要使用top？

1 回答 1