为什么我的div在一个容器中与我的页脚重叠？

我有什么似乎是一个简单的问题，但我一直无法解决它。今天早上，我的网站开始显示表格容器与页脚的重叠。为什么我的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属性，除了尝试将页脚固定到屏幕底部的绝对位置外。

任何输入，将不胜感激。

来源

2017-06-09 RH Blanchfield

你的链接绑定背后正确请 – utdev

谢谢，我错过了。必须删除图像，因为我没有足够高的代表;现在修好。 –

请包括标记。我们需要看一个[mcve]。 – TylerH

-1

您可以添加

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

这将设置你的内容页脚

来源

2017-06-09 15:26:21

为什么我的div在一个容器中与我的页脚重叠？

回答

相关问题