Html 背景色不'；使用flexbox时无法工作

我开始在页脚上使用flexbox，现在在我所有的表单页面上，背景颜色都是默认的白色。以下是我的一个页面的示例：

login.php

正文{
背景色：#2111E；
显示器：flex；
弯曲方向：立柱；
高度：95vh；
}
h1{
颜色：#99cc00；
文本对齐：居中；
}
.内容{
弹性：10自动；
}
页脚{
文本对齐：居中；
字体重量：较轻；
颜色：#99cc00；
字体大小：10px；
弹性收缩：0；
}
h3{
位置：绝对位置；
字体大小：粗体；
颜色：#99cc00；
字体大小：15px；
宽度：100%；
最高：91.5%；
}
.按钮{
背景色：#2111E；
颜色：白色；
字体大小：24px；
/*填充：15px 50px*/
过渡时间：.4s；
边框：绿黄色；
宽度：250px；
/*按钮宽度*/
高度：50px；
/*按钮高度*/
}
.按钮颜色：悬停{
颜色：黑色；
背景颜色：绿黄色；
}
h1{
文本对齐：居中；
底部：25%；
}
内容{
对齐项目：居中；
证明内容：中心；
}
签名先生{
颜色：#99cc00；
保证金：自动；
字体大小：24px；
}
.loginInput{
字体大小：24px；
}
.登录按钮{
背景色：#2111E；
颜色：白色；
字体大小：24px；
填充：10px 50px；
过渡时间：.4s；
边框：绿黄色；
}
.loginButtonColor:悬停{
颜色：黑色；
背景颜色：绿黄色；
}

音乐爱好者
大量







apLovers
&版权所有

我没有看到背景波动的问题。我认为这是页面加载的延迟。我添加了一些注释，以帮助flexbox对项目进行居中

/*浏览器代理的CSS重置。删除页面中当前发生的水平滚动*/
* {
框大小：边框框；
保证金：0；
填充：0；
}
身体{
背景色：#2111E；
显示器：flex；
弯曲方向：立柱；
/*不需要限制高度。
高度：95vh*/
}
h1{
颜色：#99cc00；
文本对齐：居中；
}
.内容{
弹性：10自动；
/*将content div设置为flex，以便表单可以采用flexbox属性的中心对齐方式。在此处添加居中，并避免使用边距：自动属性*/
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：中心；
}
页脚{
文本对齐：居中；
字体重量：较轻；
颜色：#99cc00；
字体大小：10px；
弹性收缩：0；
}
h3{
位置：绝对位置；
字体大小：粗体；
颜色：#99cc00；
字体大小：15px；
宽度：100%；
最高：91.5%；
}
.按钮{
背景色：#2111E；
颜色：白色；
字体大小：24px；
/*填充：15px 50px*/
过渡时间：.4s；
边框：绿黄色；
宽度：250px；
/*按钮宽度*/
高度：50px；
/*按钮高度*/
}
.按钮颜色：悬停{
颜色：黑色；
背景颜色：绿黄色；
}
h1{
文本对齐：居中；
底部：25%；
}
/*将flexbox样式的输入添加为块，并从HTML中删除
*/
签名先生{
颜色：#99cc00；
字体大小：24px；
显示器：flex；
弯曲方向：立柱；
}
.签名>*{
保证金：5px0；
}
.loginInput{
字体大小：24px；
}
.登录按钮{
背景色：#2111E；
颜色：白色；
字体大小：24px；
填充：10px 50px；
/*请检查你的动画？？
过渡时间：.4s*/
/*添加边框大小和透明度1px实体*/
边框：1px实心绿黄色；
}
.loginButtonColor:悬停{
颜色：黑色；
背景颜色：绿黄色；
}

大量
大量
&抄袭；2018 TapLovers，版权所有

如果您的Stackoverflow示例工作正常，人们将很难帮助您解决原始问题。您制作的示例“我的页脚”最终位于“我的表单”下方，而不是页面底部。我设置高度限制的原因是将容器设置为该高度，然后将页脚放在容器下方。有没有一种方法可以让我的页脚不粘在底部？我知道让我调整一下，应用程序会占据全屏视图吗？是的，它是全屏的。这是一个网页。