Question

无论页面有多长，我都想知道如何让我的页脚粘到页面底部。我在每页底部使用include（＆＃39; footer.php＆＃39;）来包含我的footer.php文件。我已经找到了一个很好的答案，但我找不到任何工作，因为每个教程都假设你在每一页上都设置了页脚而不是包含它。有谁知道我必须使用什么CSS才能做到这一点？

页脚HTML：

<html>
   <body>

      <footer>This is my footer</footer>

   </body>

</html>

Index.php示例：

<html>
   <head>

      <?php
      include('nav.php');
      ?>  

   </head>

   <body>

      <p>Blah blah blah</p>

      <?php
      include('footer.php')
      ?>   

   </body>

</html>

谢谢

Answer 1

我认为你的footer.php文件应该只包含页脚元素及其内容：

<footer>...</footer>

然后添加到你的CSS：

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; // or any suitable height
    display: block;
}
html {
    position: relative;
    min-height: 100%;
}

Answer 2

我不确定，但您可能还需要在页面内容的底部包含空格，以避免其中某些内容被页脚阻止。

Answer 3

我不认为你可以关闭并打开身体和html两次，当你这样做时，html页面的样子如下：

`Class descriptor  : 'Lcom/crashlytics/android/Crashlytics;’`

所以你应该像这样制作页脚：

<html>
<head>

  <?php
  include('nav.php');
  ?>  

</head>

<body>

  <p>Blah blah blah</p>

  <html>
  <body>

     <footer>This is my footer</footer>

   </body>

  </html>   

  </body>

</html>

和您的html页面如下：

<footer>This is my footer</footer>

</body>

</html>

如果我理解正确你的css应该包含位置：固定，你可以在这里阅读：https://www.w3schools.com/cssref/pr_class_position.asp

包含footer.php时粘性页脚

3 个答案: