Html 全屏页面，100%身体高度

有没有办法让一个页面有页眉、粘性页脚，并且页面的主体应该始终符合屏幕高度的100%——页眉和页脚，只有HTML和CSS。更多信息请参见图片。

将此添加到您的css中

html, body {
    height: 100%;
    }

然后做一个div，有你称之为body的内容，然后给它100%的高度

例如

<header>..</header>
<section id="content"> <--- HAS 100% IN HEIGHT.
     ....content
</section>
<footer>..</footer>

。。
如果在标题后的正文中使用容器，则应如下设置css：

 .container {width: 100%; height: 100%; content: "" ;} 

您可以使用一种方法，使身体保持100%的高度，并使用一种现代的粘性页脚方法使用粘性页脚：





实现此目标的步骤：

1.框大小：边框框

2.html{位置：相对；高度：100%；}

3.正文{文本对齐：居中；最小高度：100%；边距：0；溢出：隐藏；}

4.容器：绝对定位，顶部高于收割台高度

5.页脚：绝对位置，左侧和底部：0；




看看这个演示：


html{
框大小：边框框；
}
*，*：之前，*：之后{
框大小：继承；
}
html{
位置：相对位置；
身高：100%；
}
身体{
文本对齐：居中；
最小高度：100%；
保证金：0；
溢出：隐藏；
}
页脚{
位置：绝对位置；
左：0；
底部：0；
高度：50px；/*页脚高度*/
宽度：100%；
}
标题{
高度：50px；/*收割台高度*/
行高：50px；/*垂直对齐标题*/
宽度：100%；
背景颜色：浅绿色；
}
.集装箱{
背景色：暗绿色；
身高：100%；
位置：绝对位置；
顶部：50px；/*收割台高度*/
左：0；
底部：0；
宽度：100%；
右：0；
}
页脚{
背景颜色：黄色；
行高：50px；/*垂直对齐标题*/
}
标题
页脚
如果正文有大量内容，您希望滚动页面的哪个部分？只有正文部分？正文不会有很多内容，可能只有一个输入和一些文本。请显示本期的CSS和HTML。只需在你的问题中添加一个片段，检查我的答案，希望这就是你想要的。：）
 .container {width: 100%; height: 100%; content: "" ;}