Html Microsoft Edge和IE去掉了页面底部的固定页脚空间

IE上问题的图像

它应该是什么样子（镀铬）

我正在为一个学校项目创建一个网站，目前已达到 浏览器测试。所有其他浏览器；Chrome、Firefox、Safari都有 没有问题。但是，我的固定电话已经用完了 页脚在页面底部。我试着在底部加一个边距 主分区，但什么也没发生。有人知道如何解决这个问题吗

这是我网站的代码 CSS

/***移动视图样式**/
@媒体屏幕和屏幕（最小宽度：0px）{
/**防止页面太小以致无法阅读**/
html，正文{
最小宽度：300px；
}
身体{
边际：0px；
}
/**Enduro、DH、Jump和XC表格第页**/
th，td{
边框：2件纯黑；
字体系列：“Roboto”，无衬线；
}
桌子{
宽度：60%；
保证金：0自动；
}
/*将文本与每页图像下方的中心对齐**/
雪人先生{
文本对齐：居中；
}
/**字体**/
p{
字体系列：“Roboto”，无衬线；
}
h1，导航，h2，h3{
字体系列：“Roboto Condensed”，无衬线；
}
/**图像、标题和徽标样式**/
身材{
页边顶部：0em；
利润底部：oem；
左边距：0px；
右边距：0px；
}
img{
宽度：80vw；
显示：块；
保证金：0自动；
过渡：所有0.7秒缓解；
-webkit过渡：所有0.7秒轻松；
}
菲卡普顿{
字体系列：“Roboto”，无衬线；
文本对齐：居中；
边缘顶部：2倍；
}
模拟悬停：悬停{
边界半径：33%；
过滤器：乌贼墨（30%）；
}
#标志{
宽度：100%；
保证金：0自动；
}
/**导航样式**/
导航{
列表样式类型：无；
宽度：100%；
显示：无；
位置：静态；
边缘顶部：30px；
}
/**活动类添加到当前页面，用户更容易使用**/
.主动{
背景：黑色；
颜色：红色；
}
/**单击按钮时，汉堡菜单将关闭**/
.汉堡包{
背景：无；
顶部：220px；
右：35%；
文本对齐：居中；
线高：45px；
填充：5px15px 0px 15px；
颜色：黑色；
边界：0；
字号：1.4em；
字体大小：粗体；
光标：指针；
大纲：无；
z指数：1000000000000；
}
导航键{
显示：块；
}
导航a{
文字装饰：无；
宽度：80%；
字体大小：30px；
边缘顶部：10px；
边框：2件纯黑；
边界半径：20px；
填充物：5px；
背景：rgb（227,37,37）；
颜色：黑色；
显示：块；
文本对齐：居中；
}
导航a：悬停{
颜色：红色；
背景：黑色；
-webkit过渡：所有0.5s轻松；
过渡：所有0.5s缓解；
}
/**页眉、主要内容和页脚**/
标题{
背景：rgba（1501,1）；
边缘底部：20px；
位置：相对位置；
文本对齐：居中；
对齐项目：居中；
垫底：15px；
}
页脚{
位置：相对位置；
底部：0px；
背景：rgb（150150）；
文本对齐：居中；
宽度：100%；
高度：50px；
边缘底部：0px；
垫面：5px；
}
主分区{
宽度：90%；
保证金：0自动；
显示：块；
边框：2件纯黑；
填充：0px 5px 5px 5px；
背景：rgb（227,37,37）；
边缘底部：10px；
}
/**视频样式**/
.中心{
宽度：290px；
身高：225px；
保证金：0自动；
显示：块；
}
}
/**平板电脑视图**/
@媒体屏幕和屏幕（最小宽度：480px）{
/**隐藏菜单按钮**/
.汉堡包{
显示：无；
}
/**标题和导航样式**/
#标志{
宽度：30%；
显示：内联；
位置：相对位置；
最大高度：130像素；
最大宽度：405px；
}
导航{
顶部：-7px；
左：27%；
位置：固定；
宽度：90%；
保证金：0自动；
列表样式类型：无；
自对准：居中；
显示：内联；
}
导航a{
显示：内联；
文字装饰：无；
保证金权利：2vw；
字体大小：1.6vw；
边缘顶部：10px；
边框：2件纯黑；
边界半径：20px；
填充物：5px；
颜色：黑色；
宽度：10%；
}
标题{
背景：rgba（1501,1）；
位置：固定；
宽度：100%；
z指数：100；
顶部：0px；
文本对齐：左对齐；
对齐项目：继承；
}
收割台h1{
文本对齐：居中；
利润上限：-10px；
字体大小：5vw；
不透明度：1；
显示：块；
高度：自动；
}
主分区{
保证金：0自动；
宽度：80%；
背景：白色；
显示：块；
边框：2件纯黑；
位置：相对位置；
边缘顶部：220px；
z指数：80；
边缘底部：20px；
填充：0px 5px 5px 5px；
背景：rgb（227,37,37）；
}
/**图像和视频样式**/
img{
宽度：80%；
}
.中心{
宽度：75%；
身高：56.25%；
保证金：0自动；
显示：块；
z指数：1000000000000；
}
/**页脚**/
页脚{
位置：相对位置；
底部：0px；
背景：rgb（150150）；
填充顶部：10px；
垫底：5px；
文本对齐：居中；
宽度：100%；
高度：50px；
边缘底部：0px；
}
/**使标题h1在滚动一定距离后消失**/
.H1不见了{
利润上限：-80px；
不透明度：1；
显示：无；
边缘底部：30px；
过渡：不透明度0，显示0；
}
/**滚动一定距离后，使标题的背景透明**/
.滚动{
背景：rgba（150150,0.8）；
过渡：背景2s；
}
}
/**桌面视图**/
@媒体屏幕和屏幕（最小宽度：768px）{
/**阻止收割台h1消失**/
.H1不见了{
不透明度：1；
显示：块；
利润上限：-20px；
}
/**阻止背景与已透明的背景重叠**/
.滚动{
背景：rgba（1500,0）；
}
/**图像和视频样式**/
img{
宽度：50vw；
}
.中心{
wi
body {    
    margin: 0 !important;
    padding: 0 !important;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}