Question

我知道那里有很多答案。我花了很多时间试图弄清楚它不起作用。

我想要一个粘性页脚。 html结构就像这样

<body>
<div id=container>

  <div id=header>
  </div>

  <div id=body>
     <div id=left>
     </div>
     <div id=center>
     </div>
     <div  id=right>
     </div>
  </div>

 <div id=footer>
     </div>

</div>
</body>

以及包含css和内容link

的链接

Answer 1

将页脚位置从“绝对”更改为“固定”

Answer 2

如果您想让页脚始终位于屏幕/窗口的底部，您可以将以下内容添加到您的CSS中

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

页面底部的粘性页脚

2 个答案: