最小高度：在html`div`的页脚上为100%

无论页面的高度如何，我都希望页脚保持在底部。我一直能够做到这一点，直到我为背景添加了

线性渐变。我需要添加
minheight:100%html div
上进行code>以使用
线性渐变背景色填充整个页面。然而，现在我的页脚下面有一些空白，它不完全在底部


我的高度足够长的页面可以滚动到底部，页脚可以正常工作

高度为整页的页面（不滚动导航栏）下面似乎有空间。它看起来像是粘在了页脚之前的任何一个div下面



html{
最小高度：100%；
}
身体{
背景：线性梯度（45度，rgb（51173255），rgb（128255，212））无重复；
保证金：0；
身高：100%；
}
#包裹{
最小高度：100%；
}
#主要{
溢出：自动；
垫底：200px；
}
/*必须与页脚的高度相同*/
#页脚{
位置：相对位置；
利润上限：-200px；
/*页脚高度的负值*/
高度：200px；
背景色：#4848；
不透明度：0.8；
宽度：100%；
颜色：#fff；
明确：两者皆有；
}
我需要添加一个最小高度设置为自动的包装器
#main
。并替换了
html div
最小高度：100%至<代码>高度：100%


html{
宽度：100%；
身高：100%；
}
身体{
背景：线性梯度（45度，rgb（51173255），rgb（128255，212））无重复；
保证金：0；
显示器：flex；
弯曲方向：立柱；
宽度：100%；
身高：100%；
}
页脚{
弹性收缩：0；
高度：200px；
背景色：#4848；
不透明度：0.8；
宽度：100%；
颜色：#fff；
}
#主要{
背景：线性梯度（45度，rgb（51173255），rgb（128255，212））无重复；
最小高度：自动；
柔性生长：1；
弹性收缩：0；
}
学习设置代码格式。它使故障排除/维护变得更加容易。您是否有代码示例？你能把编译好的代码发布到我们能看到它工作的地方吗？