<div id="father">
<footer></footer>
</div>
#father{
position:relative; //父元素加入相對定位 不加則固定到html底部
}
footer {
position: absolute; //絕對定位
bottom: 0;
left: 50%; //水平居中
transform: translate(-50%, 0%); //調整位置
}