php - 当页面内容较少时如何将页脚粘贴到站点底部？

<分区>

有时在我的网站上，只有几行文字或非常少的内容。

在这种情况下，页脚显示在页面之间某处的内容下方。这不会使页面看起来很漂亮。

像这样:

当我添加一个 css 时:

.ar-footer{
   position:absolute;
   bottom:0px;
   left:0px;
   right:0px;
   width:100%;
 }

页脚内容已更改。像这样:

如何解决？如果内容更少或更多，我想将页 footer 分固定到页面底部。

最佳答案

像这样构造您的基本 HTML 标记:

<body>
  <header></header>
  <div id="wrap"></div>
  <footer></footer>
</body>

然后在你的css中添加

#wrap {
  min-height: 100%;
}

super 简单，适用于所有浏览器。在#wrap 中添加所有其他标记。如果有帮助，您还可以将页眉放在包装内。只需确保换行在页脚之前即可。

关于php - 当页面内容较少时如何将页脚粘贴到站点底部？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55273487/