html - 使页脚位于页面底部

Question

我在 SOF 上发现了很多类似的问题，但不幸的是，它们都与:如何制作粘性页脚有关。我并没有试图让我的页脚在任何时候都出现在页面底部(我的意思是:无论用户在页面中的什么位置)。

其实我想要实现的很简单，但是我找不到解决方案。我有很多页面没有很多文本，所以目前页脚就像文本末尾后的一行，页面底部有一大块空白。如果页面只有几个文本，我希望页脚位于页面底部。

我必须把它放在我的页脚类中:

height : 100%

然后是这个

margin-top: 100%

还有一些其他的东西，但是没有成功。

谢谢!

Answer 1

您可以在样式表中为特定的 div 使用 min-height 属性，您在其中放置内容，就在页脚之前。

<div class="textclass">
 <p> 
 Text or content
 ..........
 </p>
</div>

<footer>
............
</footer>

CSS:

.text-class{
min-height:700px; /*adjust height at your end */
}