HTML内容覆盖页脚

我在整理我的网站布局时遇到了麻烦，基本上底部的页脚被上面的内容覆盖了，我无法找出原因

这是-

谢谢你的帮助

这是html

html，
身体{
身高：100%；
宽度：100%；
最小宽度：1000px；
边际：0px；
填充：0px；
背景色：#f0；
溢出：自动；
}
#索引包装器{
宽度：100%；
身高：100%；
背景色：#9f1717；
边缘底部：100px；
}
#mainContentWrapper{
宽度：100%；
身高：100%；
高度：自动；
/*位置：绝对位置*/
最小高度：100%；
/*最小高度：1000px*/
利润上限：-20px；
/*背景色：#fafafa*/
背景色：淡紫色；
}
/*-----标签-----*/
.标签{
位置：相对位置；
宽度：100%；
身高：100%；
背景颜色：绿黄色；
显示：内联块；
}
/*-----选项卡的内容-----*/
.选项卡内容{
浮动：左；
高度：自动；
宽度：100%；
盒影：-1px1px1pRGBA（0,0,0,0.15）；
/*背景：#fff*/
背景颜色：蓝色；
}
.标签{
显示：无；
}
.tab.active{
显示：块；
}
.tabContentBox{
宽度：50%；
高度：自动；
明确：两者皆有；
左边距：自动；
右边距：自动；
背景色：#ffffff；
左边框：1px实心#bbbbbb；
右边框：1px实心#bbbbbb；
边框底部：1px实心#bbbbbb；
}
.选项卡元素框{
高度：自动；
边框底部：4px实心#eee；
填充：30px；
}
.footerWrapper{
宽度：100%；
高度：100px；
背景颜色：金色；
}

Lorem ipsum dolor sit amet是一位杰出的体育精英。这是一个令人鼓舞的时刻，也是一个充满希望的时刻。福西布斯大师在他的作品中留下了空白。埃尼安坐在埃米特·埃利特·阿库。前庭非弓形非穹窿
乌尔特里斯·奎斯·塞德·努克。不要用非elit nibh。毛里斯·乌尔特里斯·利古拉·普尔文纳（Mauris ultricies ligula pulvinar），拉奥里特·埃尼姆·维内纳蒂斯（quis laoreet enim Vennenatis）。梅塞纳斯非猫非利苏元素调味品。长尾慈鲷（Phasellus eleifend sagittis risus quis viverra）。悬钩子
consequat一个urna id consequat。在finibus处安装一个安全带。库拉比图和拉奥里特的生活。二是精英阶层要素。猫科植物悬液，位于欧盟元素设施处

Lorem ipsum dolor sit amet是一位杰出的体育精英。这是一个令人鼓舞的时刻，也是一个充满希望的时刻。福西布斯大师在他的作品中留下了空白。埃尼安坐在埃米特·埃利特·阿库。前庭非弓形非穹窿
乌尔特里斯·奎斯·塞德·努克。不要用非elit nibh。毛里斯·乌尔特里斯·利古拉·普尔文纳（Mauris ultricies ligula pulvinar），拉奥里特·埃尼姆·维内纳蒂斯（quis laoreet enim Vennenatis）。梅塞纳斯非猫非利苏元素调味品。长尾慈鲷（Phasellus eleifend sagittis risus quis viverra）。悬钩子
consequat一个urna id consequat。在finibus处安装一个安全带。库拉比图和拉奥里特的生活。二是精英阶层要素。猫科植物悬液，位于欧盟元素设施处

从

选项卡中删除
高度：100%

 .tabs {
position: relative;
width:100%;
/*height: 100%;*/
background-color: greenyellow;
display:inline-block;
}

主体元素设置为宽度100%，高度100%，这将使页面与视口对齐。

因此，删除高度和宽度可以使内容缩放更合理。

这也会导致元素在主体上扩展内容，以便它们不会重叠。

我相信这就是你的页脚所发生的事情


html，
身体{
最小宽度：1000px；
边际：0px；
填充：0px；
背景色：#f0；
溢出：自动；
}
#索引包装器{
宽度：100%；
身高：100%；
背景色：#9f1717；
边缘底部：100px；
}
#mainContentWrapper{
宽度：100%；
身高：100%；
高度：自动；
/*位置：绝对位置*/
最小高度：100%；
/*最小高度：1000px*/
利润上限：-20px；
/*背景色：#fafafa*/
背景色：淡紫色；
}
/*-----标签-----*/
.标签{
位置：相对位置；
宽度：100%；
身高：100%；
背景颜色：绿黄色；
显示：内联块；
}
/*-----选项卡的内容-----*/
.选项卡内容{
浮动：左；
高度：自动；
宽度：100%；
盒影：-1px1px1pRGBA（0,0,0,0.15）；
/*背景：#fff*/
背景颜色：蓝色；
}
.标签{
显示：无；
}
.tab.active{
显示：块；
}
.tabContentBox{
宽度：50%；
高度：自动；
明确：两者皆有；
左边距：自动；
右边距：自动；
背景色：#ffffff；
左边框：1px实心#bbbbbb；
右边框：1px实心#bbbbbb；
边框底部：1px实心#bbbbbb；
}
.选项卡元素框{
高度：自动；
边框底部：4px实心#eee；
填充：30px；
}
.footerWrapper{
宽度：100%；
高度：100px；
背景颜色：金色；
}

Lorem ipsum dolor sit amet是一位杰出的体育精英。这是一个令人鼓舞的时刻，也是一个充满希望的时刻。福西布斯大师在他的作品中留下了空白。埃尼安坐在埃米特·埃利特·阿库。前庭非弓形非穹窿
乌尔特里斯·奎斯·塞德·努克。不要用非elit nibh。毛里斯·乌尔特里斯·利古拉·普尔文纳（Mauris ultricies ligula pulvinar），拉奥里特·埃尼姆·维内纳蒂斯（quis laoreet enim Vennenatis）。梅塞纳斯非猫非利苏元素调味品。长尾慈鲷（Phasellus eleifend sagittis risus quis viverra）。悬钩子
consequat一个urna id consequat。在finibus处安装一个安全带。库拉比图和拉奥里特的生活。二是精英阶层要素。猫科植物悬液，位于欧盟元素设施处

Lorem ip