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