Html 将图像居中在我的页脚上

我试图找出如何在我的页脚中心的标志图像。我希望它能够随着浏览器的变化进行缩放，但保持在中心位置。如果有人知道我如何解决这个问题，那真的很有帮助！非常感谢。我真的很感谢大家在这方面的帮助。我现在已经明白了，我可以走了

.msum{
位置：绝对位置；
底部：5%；
宽度：100%；
显示：块；
宽度：200px；
高度：50px；
}
/*代码的其余部分*/
图1.2：相同{
宽度：100%；
}
数字视频{
宽度：100%；
身高：80%；
}
p{
填充：2%；
}
.video txt{
位置：绝对位置；
最高：30%；
z指数：9；
颜色：#FFF；
宽度：100%；
文本对齐：居中；
字体大小：40px；
}
反对{
位置：绝对位置；
左：0%；
前-5%；
z指数：10；
宽度：15%；
}
/*桌面上的所有代码*/
图1.可调{
宽度：29%；
}
html{
位置：相对位置；
最小高度：100%；
}
身体{
利润率：0.100px；
/*底部=页脚高度*/
字体系列：“Incolata”，单空格；
/*字体系列：“Courier New”，无衬线*/
字体大小：300；
字体大小：20px；
线高：1.4em；
}
squish先生{
右边距：125px；
}
.文本{
填充物：5px；
}
.按钮{
边缘底部：50px；
剩余利润：20%
}
标题{
位置：固定；
z指数：1000；
宽度：100%；
顶部：0px；
背景色：#670809；
高度：70像素；
字母间距：1px；
线高：55px；
填充：9px；
字距：5px；
}
标题，
h1，
氢{
字体系列：“Orbitron”，无衬线；
}
.空间{
填充物：5px；
颜色：白色；
}
导航{
浮动：左；
宽度：100%；
}
主动的，主动的{
背景色：无；
颜色：白色；
文字装饰：无；
}
导航ulli a：悬停{
颜色：#00E3FF；
}
李娜：参观了{
文字装饰：无；
}
/*海军ulli a{
显示：内联块；
填充：1像素；
颜色：#fff；
字母间距：1像素；
文字装饰：无；
文本转换：大写；
边缘：.55em；
字体大小：5像素；
浮动：对；
}
主动的，主动的{
/*背景色：无；
颜色：白色；
文字装饰：无；
}
a:悬停{
/*背景色：无；
颜色：黑色；
背景色：#00E3FF；
}
李娜：参观了{
颜色：黑色；
文字装饰：无；
}
*/
形式{
左：20%；
}
/*标题标签*/
h1{
文本对齐：居中；
颜色：#013397；
字体大小：40px；
填充顶部：50px；
}
氢{
文本对齐：居中；
颜色：#00E3FF；
字体大小：30px；
保证金：5px；
填充：20px；
}
p{
文本对齐：左对齐；
}
.clearfix:之后{
内容：“；
显示：块；
明确：两者皆有；
}
#盒子{
背景色：#94DBEC；
}
人力资源部2{
边框顶部：3px双色#00E3FF；
宽度：300px
}
部分{
宽度：85%；
左边距：自动；
右边距：自动；
利润上限：35px；
}
调模{
宽度：100%；
最大宽度：100%；
高度：自动；
/*最大宽度：400px；
最大高度：400px*/
边缘：1米；
/*宽度：90%；
利润率：5%*/
}
#内在的{
高度：100px；
填充：15px0；
}
#容器{
身高：100%；
}
.imgbox5{
右侧填充：30px；
左侧填充：0px；
}
.imgbox4{
右侧填充：30px；
左侧填充：0px；
}
.imgbox3{
右侧填充：30px；
左侧填充：0px；
}
.imgbox2{
右侧填充：30px；
}
.imgbox{
右侧填充：30px；
左侧填充：0px；
}
#第一段{
背景色：#5E5757；
颜色：白色；
}
#塞帕拉{
背景色：#5E5757；
颜色：白色；
}
#蒂德帕拉{
背景色：#5E5757；
颜色：白色；
}
#第四段{
背景色：#5E5757；
颜色：白色；
}
#初级的{
背景色：#5E5757；
颜色：白色；
}
#报名{
保证金：0；
填充：0；
}
/*部分{
文本对齐：居中；
宽度：100%；
}*/
页脚{
位置：绝对位置；
左：0；
底部：0；
宽度：100%；
高度：100px；
垫底：2%；
背景色：#670809；
字体系列：“Incolata”，单空格；
/*正文*/
左侧填充：10px；
填充顶部：15px；
颜色：#ffffff；
字体大小：15px；
文本对齐：居中；
}
a{
颜色：白色；
}
A.
a:主动的{
颜色：白色；
文字装饰：无；
}
.这边{
左边缘：10px；
右边距：10px；
}
反对{
位置：绝对位置；
顶部：350px；
左：100px；
高度：100px；
宽度：200px；
z指数：2000；
}
#标题{
文本对齐：居中；
位置：绝对位置；
排名前10%；
左：35%；
颜色：#00E3FF；
线高：20px；
字体系列：“Orbitron”，无衬线；
字距：1px；
字体大小：12px；
}
#价值观{
背景色：#5E5757；
颜色：白色；
宽度：90%；
左边距：自动；
右边距：自动；
利润率最高：2%；
}
#头衔{
颜色：白色；
文本对齐：居中；
填充顶部：10px；
}
img{
宽度：100%；
显示：块；
}
/*.img{
边界宽度：厚；
边框样式：实心；
边框颜色：白色；
}
.右栏{
浮动：对；
宽度：30%；
填充：1%；
}
.立柱中心{
显示：内联块；
宽度：30%；
填充：1%；
底部：18px；
}
.左栏{
浮动：左；file:///Volumes/MMG/webfix/video/techpic1.jpg
宽度：30%；
填充：1%；
}
#左框{
背景色：#5E5757；
颜色：白色；
填充：15px；
边界半径：10px；
}
#中间盒{
背景色：#5E5757；
颜色：白色；
填充：15px；
边界半径：10px；
}
#右框{
背景色：#5E5757；
颜色：白色；
填充：15px；
边界半径：10px；
填充底部：135px；
}
.更多{
位置：相对位置；
显示：内联块；
颜色：黑色；
字体大小：粗体；
顶部：20px；
右：31px；
背景色：白色；
边框左下半径：10px；
填充：6px；
利润率：9px；
宽度：30%；
}
#按钮3，#按钮2{
颜色：黑色；
位置：相对位置；
顶部：36px；
右：36px；
}
#按钮1{
颜色：黑色；
位置：相对位置；
顶部：155px；
右：36px；
}
*/
/*导航条*/
@导入url（“http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
@导入url（“http://fonts.googleapis.com/css?family=Open+Sans:400300“；
html{
字体大小：62.5%；
字体系列：“开放式Sans”，无衬线；
}
身体{
字体大小：1.6rem；
最小高度：100vh；
}
h1{
字体大小：3rem；
边缘底部：1rem；
}
氢{
字号：1.6
.msum {
    position: absolute;
    bottom: 5%;
    width: 100%;
    display: block;
    width: 200px;
    height: 50px;
    //add this
    left: 0;
    right: 0;
    margin: 0 auto;
}