html - 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;
}

观察:页脚为黑色，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;
}