调整html页面长度

Question

我有一个Django项目。在html模板中，页面长度可能不是恒定的，因为如果要提供更多的输入，则页面长度可能会更长。

我可能需要说明页面的长度以显示页脚。

我尝试对页脚使用relative position 样式，但是由于信息太少可能会使页脚抬高，因此它可能无法很好地显示。

因此，由于页面长度，我可能需要调整页脚位置。

如何证明这样的长度？谢谢！

Answer 1

相对位置参考父元素。然后，在这种情况下，必须使用绝对值，使其始终位于底部，与身体或父级的高度无关。

footer {
  position: absolute;
  bottom: 0;
}

然后，如果您定义高度，它将更好，否则页脚将位于页面内容的顶部。然后：

footer {
  position: absolute;
  bottom: 0;
  height: 200px // for exemple
}

.page-content {// or body
  padding-bottom: 200px // height of the footer
}

希望有帮助。