css - 为什么容器中的div与页脚重叠？

我有一个看似简单的问题，但无法解决。
今天早上，我的网站开始在表脚中显示表格容器的重叠部分。

在GIT中，我看不到任何差异会导致上次合并产生任何差异。

CSS：

.dashboardBackground
{
  width: 100%;
  height: 100%;
  background-color: #ececec;
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 40px;
  padding-bottom: 40px;
}

这是包含表的区域：

.dashboardContent
{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  padding: 10px;
  background: white;
}

该应用程序本身是基于Laravel框架构建的，因此我认为问题不在于HTML，因为任何包含具有多个条目的表的页面都会显示此问题。

除了尝试将页脚固定到屏幕底部的绝对位置之外，我还尝试使用inline-block属性。

任何输入将不胜感激。

最佳答案

你可以加

.dashboardContent
{
...
    position: relative;
    z-index: -1;
}

这会将您的内容置于页脚后面

关于css - 为什么容器中的div与页脚重叠？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44461475/