html - 如何将页脚保持在页面底部并以 html 和 css 居中？

Question

我的页脚不会居中或位于页面底部。它在页面的侧面或中间，干扰了我的其他内容。

CSS:

footer {
  background-color: transparent;
  margin-top: -0.5em;
  padding: 2em;
  position: absolute; 
}

HTML:

<footer>
  &copy; Copyright 2019. All Rights Reserved.<br>
  <a href ="mailto:kaijumydude@gmail.com">KaijuMyDude@gmail.com</a>
</footer>

Answer 1

footer {
  background-color: transparent;
  margin-top: -0.5em;
  padding: 2em;
  position: fixed; 
  left: 50%;
  transform:translateX(-50%);
  bottom: 0;

}


use `transfrom` and `left: 50%`

<footer>
  &copy; Copyright 2019. All Rights Reserved.<br>
  <a href ="mailto:kaijumydude@gmail.com">KaijuMyDude@gmail.com</a>
</footer>