如何保持页脚在页面底部，并以html&；为中心；css？

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

CSS:

HTML:

&抄袭；版权所有2019。保留所有权利。

页脚{
背景色：透明；
边缘顶部：-0.5em；
填料：2米；
位置：固定；
左：50%；
转化：translateX（-50%）；
底部：0；
}
使用“transfrom”和“left:50%”

&抄袭；版权所有2019。保留所有权利。

一种解决方案是设置flexbox父项，如

主体

，并沿垂直轴对齐项目。在本例中，我添加了一个

main

元素，该元素使用

flex grow:1

，占用了父容器中最多的可用空间。父视图设置为

最小高度：100vh

，这意味着它至少与整个视口一样高。然后，

页脚

将消耗剩余空间。如果

main

内容变得足够高，则

页脚将自然向下推到页面下方


html，
身体{
保证金：0；
}
身体{
显示器：flex；
最小高度：100vh；
弯曲方向：立柱；
}
主要的，
页脚{
填料：2米；
}
主要{
柔性生长：1；
背景颜色：鲑鱼；
}
页脚{
背景色：透明；
文本对齐：居中；
}

Lorem ipsum dolor sit amet，奉献精英。类似于debitis，repellat adipisci，id facere quia a sequence to corruption requirements quibusdam non-nihil tempora，ipsum，sint。吃一个哈鲁姆·伊洛，不

&抄袭；版权所有2019。保留所有权利。


页脚{
背景色：透明；
边缘顶部：-0.5em；
填料：2米；
位置：绝对位置；
文本对齐：居中；
宽度：100%；
}

&抄袭；版权所有2019。保留所有权利。

为什么要添加此项：
利润率顶部：-0.5em
在你的页脚css中？@Shuvo我想我这样做是为了看看是否可以使用页边空白并强制页脚向下，但失败了，忘记了删除/更改页脚。我对html/css非常陌生，所以我只是在做一些事情，直到取得一些进展。请用谷歌
粘贴页脚
。有很多现成的解决方案。没有帮助解决这个问题，但确实帮助了我解决了另一个问题（我的画廊居中）！
footer {
  background-color: transparent;
  margin-top: -0.5em;
  padding: 2em;
  position: absolute; 
}

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