Html 如何始终保持页脚在页面底部，显示屏幕大小

我正在做一个有很多网页的项目。基本上，我为每个页面创建了三个

div

标记：

• 标题
• 正文（内容）
• 步兵

但问题是，我声明了body

div

tag的大小，它包含页面的主要部分，如表单、任何描述等

根据我的屏幕尺寸，它很小，所以我声明和绝对/固定

最小高度：450px

---

但当我在其他屏幕更大的计算机上运行此代码时，页脚就放错了位置（在屏幕中间）。所以我现在应该怎么做才能始终保持页脚在屏幕底部，显示屏幕的大小呢？

使用

位置：绝对在页脚上。默认情况下，页脚相对于
html
元素定位，但如果应用
position:relative到主体，则主体将成为引用

若要在内容不多的情况下将其放置在最底部，请使用
height:100%在
body
以及
html
上

按
位置：绝对您将把它放在html内容的底部。因此，当内容很长时，它将不可见，您必须向下滚动才能看到它。但是如果你想让它在屏幕底部，即使内容很长，那么使用
position:fixed

下面是一个工作片段


html，正文{
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
身体{
位置：相对位置；
}
页脚{
位置：绝对位置；
高度：50px；
背景色：红色；
底部：0；
左：0；
宽度：100%；
}
这里的页脚
基本上你必须使用相对位置，但你必须保持流畅的布局，而不必担心高度，因此我在下面创建了代码，页脚始终位于主要内容的下方


*{
保证金：0；
填充：0；
大纲：0；
边界：0；
}
*,
*：之后，
*：之前{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
身体，
html{
身高：100%；
}
标题，
主要的，
页脚{
位置：相对位置；
浮动：左；
宽度：100%；
}
标题{
背景：黑色；
最小高度：10px；
}
主要{
最小高度：450px；
背景：灰色；
}
页脚{
背景：黑色；
最小高度：10px；
}

发布代码有什么好处？因此，根据你的风格规则，我们可以调整工作。嗨。欢迎来到stackoverflow。请发布您的代码，并解释您在代码中尝试了什么，哪些有效，哪些无效，以及您收到了哪些错误消息。欢迎使用Stackoverflow。请阅读这些链接以改进您的问题：| |是的，我按照您的建议做了，但是有一些静态页面，所以我在这些页面中声明页脚是固定的，但也有一些动态页面，所以当我在这些绝对页面中声明页脚时，它不起作用，所以我在动态页面中声明页脚相对，但在这种情况下，我还必须声明最小高度，所以我声明它为500px，但它在friend PC上不起作用，因为他的PC屏幕更大，所以页脚位于底部上方。请帮我解决这个问题。非常感谢。我猜你们是在宣布身体的最小高度。你不必那么做。在我的回答中，我将页脚定位为绝对。我在回答中包含的每一条风格规则都很重要。确保你包括了
html，body
的样式，它们与我包括的样式一样重要。如果你仍然面临同样的问题，请包括你当前的一些代码，我很乐意提供帮助。我被困在某个东西上好几天了，所以我既没有打开internet，也没有参与我的项目。今天我又开始了，很高兴在你的帮助下我没有做到这一点。谢谢你@kittyCat