html – CSS – 使FLUID高度页脚粘贴到页面底部

2023年6月24日 192次阅读

如果页面内容不足,如300像素左右,页脚将以1024分辨率显示在页面中间.

如何在不知道页脚高度的情况下将页脚显示到页面底部？

我试过this解决方案：

/* css */
html, body {
    height: 100%;
}

#container {
    min-height: 100%;
    position: relative;
}

#footer {
    position: absolute;
    bottom: 0;
}


<!-- html -->
<html>
<head></head>

<body>
  <div id="container">
    <div id="footer"></div>
  </div>
</body>
</html>

但问题是我需要添加padding-bottom 🙁 footerheight);在#footer之前的元素中.这是不可能的,因为页脚高度根据页面而变化…

最佳答案 你为什么不在内容区域使用min-height,所以如果你将min-height设置为600px,如果只有300px的内容它会将页脚缩小另外300px,所以它不在屏幕的中间

点赞