div覆盖页脚

Question

我有一个 div 和一个页脚。我的 div 仅用于显示错误消息。当 div 收到错误列表时，它会覆盖页脚。

我尝试将页脚用作“相对”，但页脚位于屏幕中间，我需要它始终位于底部。

有谁知道如何让页脚保持响应或其他解决方案，使其不会在屏幕上丢失？

.box-errors {
overflow: auto;
min-height: 100px;
}

.footer {
position: absolute;
bottom: 0;
width: 100%;
height: auto;
line-height: 58px;
background-color: #000;
color: #ffffffc4;
font-size: 12px;
text-align: center;
}

Obs.：页脚为黑色，div 为红色。

Answer 1

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
  width: 100%;
  height: auto;
  line-height: 58px;
  background-color: #000;
  color: #ffffffc4;
  font-size: 12px;
  text-align: center;
}