Html 如何将页脚附着到底部？

在移动版本中，页脚正确地位于底部，但在大屏幕版本中，页脚紧跟在内容后面。使用该位置不起作用，底部：0也不起作用。如果内容没有占据显示器的整个部分，但是页脚仍然应该粘在浏览器的底部，那么如何为大屏幕制作版本

.header{
背景颜色：蓝色；
最大高度：250px；
宽度：100%；
字号：2em
}
身体{
保证金：0；
宽度：100%；
显示：-网络工具包盒；
显示器：flex；
-网络工具包盒方向：垂直；
-webkit盒方向：正常；
弯曲方向：立柱；
最小高度：100%；
}
.包装纸{
显示：块；
最大宽度：2560px；
柔性生长：1；
边缘顶部：10px；
左缘：20%；
保证金权利：20%；
位置：相对位置；
z指数：7；
文本对齐：居中；
背景色：红色；
字号：2em
}
页脚{
背景颜色：黄色；
位置：相对位置；
弹性收缩：0；
高度：40px；
宽度：100%；
底部：0；
z指数：6；
字号：2em
}

标题
内容
页脚

高度：100%；至HTMLHight:100%；到html